Wie kann ich sehr großen alten JavaScript-Code umgestalten? [geschlossen] ⇐ JavaScript

[Guest]

Ich habe eine große JavaScript-Datei mit über 20.000 Codezeilen. Der Code ist in Objekten organisiert, mit Funktionen wie diesen:

Code: Select all

let module1 = {
fun1:function() {
console.log("module1 fun1 called");
},
fun2:function() {
module2.fun1();
},
}
let module2 = {
fun1:function() {
console.log("module2 fun1 called");
},
fun2:function() {
module1.fun1();
},
}

Und dieses Muster setzt sich für andere Objekte fort. Diese Objekte und ihre Funktionen hängen voneinander ab, was zu vielen zirkulären Abhängigkeiten führt. Da sich derzeit alles in einer einzigen Datei befindet, stellt dies kein Problem dar, aber ich möchte diesen Code umgestalten, indem ich ihn für eine bessere Wartbarkeit in mehrere Dateien aufteile.
Die Herausforderung, vor der ich stehe, ist wie man den Code in separate Module aufteilt, ohne dass beim Refactoring Probleme mit zirkulären Abhängigkeiten auftreten. Außerdem muss ich sicherstellen, dass die Struktur flexibel und skalierbar bleibt, da ich Module möglicherweise in Untermodule organisieren muss.
Wie kann ich diese Datei umgestalten?