javascript – require.js backbone.js：如何构造具有初始化函数的模块？

我有一个有三页的应用程序(单页界面).页面具有相似但不相同的功能.

所以我想拥有提供常用功能的javascript模块.然后,每个页面可以定制/覆盖部分常用功能.

我正在使用backbone.js,所以我做的是：

>加载包含常见模型,视图,集合等的文件.
>加载特定于应用程序的文件,用于自定义/覆盖步骤1的部分内容
>调用init()函数,该函数实例化所有必需的模型/视图/集合

目前,我将模块存储在类似于此的模块容器中：https://stackoverflow.com/a/9426071
每个模块都有一个可选的init()函数,由我的主init()函数执行.

例：

>我有一个名为results.js的文件.它定义了搜索结果的通用模型/集合/视图.在它的init()函数中,一切都是instanciated,但是这个函数还没有被调用：

var resultView = new ResultView()

>然后我包含myApp.js,部分视图被覆盖.
>主init()函数调用results.js init()来实现新的View.一切都很好,流畅和干燥.

现在我想切换到require.js而不是我自己的模块容器,并想知道如何组织我的代码.

我可以在myApp.js中实例化所有模型/视图等,而不是每个模块的init()函数.这意味着有很多重复的代码.

或者我可以坚持使用其init()函数的每个模块,并在myApp.js中调用那些init()函数.我不喜欢这个,因为我必须为我的三个页面中的每个页面明确写下我的模块三次：

require(['module1', 'module2', 'module3', ...],
  function(module1, module2, module3, ...) {
    var init = function() {
      module1.init();
      module2.init();
      module3.init();
      ...
    }
    return {init: init};
  }
);

对于10个模块加上许多库,这是不好的和DRY.有没有办法访问(循环)require.js持有的所有模块？

或者我错过了什么,我应该以不同的方式构建我的代码吗？

欢迎任何提示/想法,

迈克尔

解决方法:

正如上面的注释中所讨论的,您可以通过使用函数体内的arguments object循环它们来避免显式引用函数的参数.所以：

require(['module1', 'module2', 'module3', ..., 'moduleN'],
  function(module1, module2, module3, ..., moduleN) {
    var init = function() {
        module1.init();
        module2.init();
        module3.init();
        ...
        moduleN.init();
    };
    return {init: init};
});

变为：

require(['module1', 'module2', 'module3', ..., 'moduleN'],
  function() {
    var args = arguments;
    var init = function() {
        var module;
        for (module in args) {
            if (args.hasOwnProperty(module) && typeof module.init === 'function') {
                module.init.call(this);
            }
        }
    };
    return {init: init};
});

我在for循环中添加了一个hasOwnProperty()检查,因为有很多原因,它是good practice.另外,在尝试调用init之前,你会看到init是一个函数的显式检查.

var args = arguments的原因是你可以从内部函数引用它 – 否则你将引用传递给init()的参数,这不是你想要的.

除了建筑层面之外,我认为你所描述的项目结构非常好 – 我在许多非常大的项目中使用它并且它永远不会让我失望. Require.js太棒了！

标签：javascript,requirejs,backbone-js,js-amd
来源： https://codeday.me/bug/20190626/1289288.html