JavaScript 模块模式 - 如何创建子模块

Question

如何根据模块模式访问/创建子模块？

我希望能够从我的 Modules.js 主文件中的子模块访问方法。

模块.js

var Module = (function() {

    function A(){
      console.log("Module: A");
      B();
    };

    function B(){
       console.log("Module: B");
       Module.Utils.C(); /* Here is the problem */
    };

    return {
      A:A,
      B:B
    }

} ());

$(function() {
    Module.A();
});

Module.Utils.js

var Module = Module ? Module : {};

Module.Utils = (function() {

    var settings = {
        x : 1,
        y : 2
    };

    function C(){
      console.log("Module.Utils: C");
    };

    function D(){
       console.log("Module.Utils: D");
    };

    return {
      C:C,
      D:D
    }

}());

Answer 1

您的方法没有问题，前提是：

• 在模块脚本之后加载子模块脚本
• 在加载子模块脚本之前不要尝试访问它
• 您可以让主模块依赖于子模块的存在。 （我不太确定这是个好主意。）

附带问题

您的代码当前在以下行有语法错误：

var Module.Utils = (function() {

赋值之前不应有var 关键字。

示例代码

这是您的代码的简化版本 - 被剥离以仅显示我正在调用的方法 - 证明您的方法有效：

var Module = (function() {

    function B() {
        console.log("Module: B");
        Module.Utils.C(); /* accessing submodule public methods */
    };

    return {
        B: B
    };

})();

var Module = Module || {};

Module.Utils = (function() {

    function C() {
        console.log("Module.Utils: C");
    };

    return {
        C: C
    }

})();

Module.B();

输出：

Module: B
Module.Utils: C

Answer 2

您应该考虑使用像 RequireJS 这样的实际模块框架。

“子模块”将只是位于 module/utils 的模块，而您的 module 模块将需要它作为依赖项，RequireJS 会为您解决。