将JavaScript名称空间分割为多个文件

2018-05-29 22:24:38

假设我有这样的名称空间：

var myNamespace = {
    foo: function() {
    },
    bar: function() {
    }
};

将这段代码分离成分别定义foo和bar文件的最好方法是什么？

我不担心加载时间 - 我将在部署之前将它连接回一个文件。

在每个文件的开头：

if(myNameSpace === undefined) {
  var myNameSpace = {};
}

文件1：

myNamespace.foo = function()...

文件2：

myNamespace.bar = function()...

// File1:
// top level namespace here:
var myNamespace = myNamespace || {};

// File2:
myNamespace.foo = function() {
    // some code here...
}

在每个文件中都遵循这种模式：

(function(nameSpace) {
    nameSpace.foo = function() { ... };
})(window.nameSpace = window.nameSpace || {});

这种方式的加载顺序并不重要。

链接地址: http://www.djcxy.com/p/2795.html