将 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 || {});

这样加载顺序并不重要。

Answer 4

在单独的文件中进行简单定义，如下所示：

文件 1:

var myNamspace = {};

文件 2:

myNamespace.foo = function()...

文件 3:

myNamespace.boo = function()...

只要确保以正确的顺序加载文件即可。

Answer 5

(function (NS) {
    NS.Uber = function Uber() {
        this.super = new NS.Super(); // yes, it works!
    }; //
}(NS = NS || {}));

// ------------- other file -----------------

(function (NS) {
    NS.Super = function Super() {
        this.uber = new NS.Uber(); // yes, it will also work!
    }; //
}(NS = NS || {}));

// -------------- application code ------------

var uber = new NS.Uber();
console.log(uber.super);

var super = new NS.Super();
console.log(super.uber);