用于范围关闭的Javascript自调用匿名函数[重复]

Question

可能重复：
What advantages does using (function(window, document, undefined) { … })(window, document) confer?

我越来越多地在我一直使用的库中看到这样的代码：

(function (window) {
    var Foo = function () {
    }

    window.Foo = Foo;
})(window);

我看到这样做的理由是在创建（伪）类时避免在全局范围内工作。但是，如果我错了，请纠正我，我一直明白 window 是全局范围。我相信，当您创建一个全局变量时，您实际上只是向窗口添加了一个属性......除非这对于 ES5 strict 有所改变？

那么，基本上，有什么意义呢？我可以看到像这样组织的代码的唯一好处是，如果您想在以后通过传入除 window 之外的参数轻松更改类的命名空间。

Answer 1

事实上，如果您忘记使用var 进行任何变量声明，严格模式 会引发异常。但是，即使不使用 外部封闭，它也可以工作。

使用这种模式更多地是为了保护自己免受外部 javascript 世界的影响。例如，一些其他脚本覆盖了 window.undefined 或任何其他变量，您可以获取该闭包中的值以便从内部访问它。

例如

(function _myApp( win, doc, undef ) {
    // app code
}( this, this.document ));

此外，当使用 var 声明变量或创建 函数声明 时，它们始终分别存储在当前 Activation Object 中>词汇环境记录。这意味着，不使用 Function context，您可以轻松地从其他点覆盖方法和变量，因为所有这些都将存储在当前 Context 中（这将是全球性的）

所以：

(function _myApp( win, doc, undef ) {
    var myVar = 42;

    function myFunc() {
    }
}( this, this.document ));

(function _myModule( win, doc, undef ) {
    var myVar = 42;

    function myFunc() {
    }
}( this, this.document ));

这是因为 closure 和 Context 起作用的，但是如果您使用相同的代码，没有 Function Context，我们显然会覆盖我们的myVar 和myFunc。这可能发生在任何地方，在同一个文件中或在另一个加载的脚本中。

Answer 2

与全局变量一样邪恶，您至少需要一个，否则无法访问您的脚本。您提供的代码是创建该全局变量的一种方法。我更喜欢这种方式：

window.Foo = (function () {
    var func = function () {
        //  ...
    };

    return {
        func: func
    };
})();

Answer 3

你是对的，但不同之处在于函数内部的代码就像一个自动 init 函数。

(function (window) {
    var Foo = function () {
    }

    var Bar = 69; // not in global scope

    window.Foo = Foo; // in global scope
})(window);

相对

var Foo = function () { // in global scope
}

var Bar = 69; // in global scope

和

var Foo = function () { // in global scope
}

function init () {
    var Bar = 69; // not in global scope
}
init();