将JavaScript命名空间拆分为多个文件

Question

假设我有一个这样的命名空间:

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

将此代码拆分为定义foo和bar单独的文件的最佳方法是什么？

我并不担心加载时间 - 我会在部署之前将其连接回一个文件.

Answer 1

在每个文件的开头:

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

档案1:

myNamespace.foo = function()...

文件2:

myNamespace.bar = function()...

Answer 2

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

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

Answer 3

在每个文件中遵循以下模式:

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

这样负载排序就不重要了.