这两种命名空间方法有什么区别？

Question

我的代码目录中的第一个文件如下

myNamespace.js

var myNamespace = {};

然后我的后续文件可以看起来像以下两种方式之一。

第一个

(function (ns) {
    ns.DoStuff = function(){
        // do stuff
    }
})(myNamespace);

第二个

myNamespace.DoStuff = function(){
    //do stuff
}

那么这两种方法有什么区别呢？两者似乎都适合我。有没有更普遍接受的约定？

^{抱歉，对 javascript 还很陌生}

Answer 1

您的第一种方法不会起作用。它将在全局对象（很可能窗口）上创建DoStuff。您需要将 this 替换为 ns，执行此操作后，两种方法之间没有区别。

前者的优点是您可以将所有应用程序/文件相关的内容关闭到外部自调用关闭函数中。所以你不会破坏全局命名空间。

(function (ns) {
    var foo = 10,
        bar = 42;

    ns.DoStuff = function(){
        console.log('foo is ', foo, ' and its not available globally');
    }
})(myNamespace);

Answer 2

您的第一个方法有错误，您使用了 this ，我很确定您的意思是 ns：

ns.DoStuff = function() {
};

撇开这一点，您的第一种方法往往会更好，因为您已经为自己创建了一个很好的小作用域函数，它允许您为您在名称空间上创建的所有公共方法提供私有数据和函数，而无需将它们设为全局变量。例如：

(function(ns) {
    function privateFunction() {
    }

    ns.DoStuff = function() {
        privateFunction();   // <=== works fine
    };

})(myNamespace);]
privateFunction(); // <=== doesn't work, because it's private

我喜欢这样做，部分原因是我反对匿名函数，所以我不会像上面那样定义 DoStuff ，而是像这样：

(function(ns) {
    ns.DoStuff = Namespace$DoStuff;
    function Namespace$DoStuff() {
    }
})(myNamespace);

现在我分配给 myNamespace.DoStuff 的函数有一个正确的名称，当我调试代码时帮助我。但该名称不会污染全局名称空间，这有助于我保持理智并避免与其他代码发生冲突。