Circular Abhängigkeiten für eine Web-app mit backbone.marionette und requireJs

Question

Ich bin in der folgenden Situation.

Ich benutze requireJs, um Modul zu laden, und ich möchte keine globalen Variablen verwenden.

Die main.js ist dafür verantwortlich, den Router zu laden.
Dann lädt der Router die App und die App lädt mehrere SubApps.

Nachdem alles initialisiert wurde, benötigt die SubApps router für die Erstellung router.navigate.

Hier Schema:

main.js -> router -> app -> subApp -> router 

Dann habe ich ein Problem von Zyklische Abhängigkeiten und aus diesem Grunde der Router in SubApp wird nicht definiert sein.

Was ist der beste Weg, um meinen Code zu reorganisieren oder dieses Problem zu beheben? Gibt es dazu ein Beispiel?

Answer 1

das Schema:

main.js -> router -> app -> subApp -> router 

ist richtig.

Wenn Sie backbone.marionette verwenden, um den Router aus der App und SubApp zugreifen zu können, ohne global var zu verwenden, sollten Sie die App in Router auf diese Weise starten:

---

// router.js 
YourApp.start(router: router); 

---

// app.js 
YourApp.addInitializer(function(options){ 
    // do useful stuff here 
    var myView = new MyView({ 
    router: options.router 
    }); 
    YourApp.mainRegion.show(myView); 
}); 

Answer 2

SubApp können Ereignisse auslösen, die Router eher als Griffe auf Router eine explizite Abhängigkeit

Answer 3

In meinem Projekt verwende ich die folgende Abhängigkeit: main.js -> app -> Router -> SubApp.

In app.js ich eine einzige globale Variable erstellen, die einen Zeiger auf meine App hält:

define([...], function(...) { 
return { 
    initialize: function() { 
    window.MyApp = new Backbone.Marionette.Application(); 
    // ... 
    MyApp.start(); 
    } 
}; 
}); 

Dies macht es extrem einfach, Regionen meine App von überall zugreifen können, sowie Speicher globale Zustandsinformationen in einem Namensraum.

Ich habe es zuerst ohne die globale App versucht, aber letztendlich aufgegeben und fand diesen Ansatz viel flexibler.