使用backbone.marionette 和requireJs 的Web 应用程序的循环依赖项

Posted 2023-02-25

【中文标题】使用backbone.marionette 和requireJs 的Web 应用程序的循环依赖项

【英文标题】：Circular Dependencies for a web app using backbone.marionette and requireJs

【发布时间】：2012-07-01 04:40:01

【问题描述】：

我处于以下情况。

我正在使用 requireJs 加载模块，我不想使用全局变量。

main.js 负责加载路由器。 然后路由器加载应用程序，应用程序加载几个子应用程序。

一切都初始化后，子应用需要router 来生成router.navigate。

这里是架构：

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

然后我有一个循环依赖的问题，因此 subApp 中的路由器将是未定义的。

重组代码或解决此问题的最佳方法是什么？ 有这方面的例子吗？

【问题讨论】：

我认为 requirejs 应该能够正确处理循环依赖...（我真的不知道。我不是 requirejs 的粉丝）

不，它没有。它不会告诉你这是一个循环依赖——事情只是停止工作，一些引用变得未定义。

【参考方案1】：

子应用可以引发路由器处理的事件，而不是显式依赖路由器

【讨论】：

你说subApp可以引发事件，但是到哪个模块呢？如果我尝试从 subApp 导入应用程序，我会遇到同样的循环依赖问题。

【参考方案2】：

在我的项目中，我使用以下依赖项：main.js -> app -> router -> subApp。

在 app.js 中，我创建了一个全局变量来保存指向我的应用程序的指针：

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

这使得从任何地方访问我的应用的区域以及将全局状态信息存储在一个名称空间中变得非常容易。

我一开始尝试不使用全局应用程序，但最终放弃了，发现这种方法更灵活。

【参考方案3】：

架构：

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

是对的。

如果你使用backbone.marionette，为了从应用和子应用访问路由器，不使用global var，你应该在路由器中这样启动应用：

---

// 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);
);

【讨论】：

应用程序不应该只是将自己传递给路由器吗？路由器会启动应用程序似乎很奇怪。如果你有多个路由器怎么办？ @AntoJs