首页 > 编程语言> 文章详细

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

2019-06-26 02:24:44 阅读：251 来源： 互联网

标签：javascript requirejs backbone-js js-amd

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

所以我想拥有提供常用功能的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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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