Übersicht, Durchblick bzgl. Code behalten

[ebody]

Hallo,

ich habe vor ein paar Monaten ein privates Projekt begonnen, was ich objektorient programmiere. Bisher habe ich immer ohne Klassen und nur mit Funktionen "programmiert", was die meisten wohl als Spaghetticode bezeichnen würden.

Jetzt nach ca. 3 Monaten gucke ich mir den Code nochmal an (knapp 750 Codezeilen) und versuche wieder rein zu finden und das Projekt fortzuführen. Es ist eine .js Datei mit 3 Klassen, Vererbung und einigen Funktionen, die diese Klassen nutzen. Aber mir fällt es wirklich schwer meinen eigenen Code nachvollziehen zu können.

Was es alles gibt, Zusammenhänge u.a. Das liegt mit Sicherheit an der fehlenden Routine beim Programmieren, aber ich überlege jetzt wie ich zukünftig einen besseren Überblick behalten kann, schneller wieder verstehen kann, was ich da gemacht habe.

Ich kommentiere den Code, möglichst kurz, aber aussagekräftig. Klassennamen, Variablen, Funktionen sollen selbsterklärend sein.

Sollte ich ein Diagramm erstellen oder gibt es in VS Code eine Funktion, eine Erweiterung die mir alle Klassen zeigt, welche Funktionen sie hat, wo es Vererbungen gibt und die Kommentare dazu? Wenn ja, könnt ihr eine Erweiterung empfehlen?

Wie handhabt ihr das, um möglichst einfach und klar den Überblick zu behalten?

Sollte ich jede Klasse in eine .js Datei packen? Auch dann, wenn es eine Vererbung gibt?

Gruß ebody