在 javascript 中，这个语法 `(function(window,undfined)){}(window)` 完成了什么

Question

我试图了解如何像 jQuery 一样将 JavaScript 事件“链接”在一起。我在这里发现了一个与我的目标相似的问题，但我不明白答案中的代码。

代码源

(function( window, undefined ) { 
...etc...
}(window)

这是什么意思？它在做什么？这让我想起了 Jquery 的 $(document).ready(){} 函数，但我不知道为什么这个人把他的代码包装在这个传递 window 的匿名函数中和未定义。

我的最终目标是弄清楚如何通过像 jQuery 一样将方法链接在一起来在对象上执行方法。我知道 jQuery 已经做到了这一点，但我主要是为了作为一名开发人员的成长而研究这一点。

Answer 1

它定义了一个函数（使用 函数运算符，而不是函数语句）。它周围的括号确保它被视为运算符而不是语句。

然后它立即执行它，并将 window 作为参数传递。

本质上，这与：

var myFunction = function( window, undefined ) { 
...etc...
};
myFunction(window);

...但没有间隙变量。

这与 jQuery 风格的函数链接无关，其中每个方法实际上都以 return this 结束（因此在另一个方法的返回值上调用一个方法与在原始对象上调用它相同）。

Answer 2

当调用函数时使用的参数少于其签名所包含的参数时，尾部参数将被分配值undefined。

因此，上面是一种获取 undefined 值的迂回方法，即使某些疯子通过说 var undefined= 'hello'; 重新定义了它。 （无论如何，这在 ECMAScript 第五版的“严格模式”中是非法的，但 JavaScript 编码人员有时会做一些奇怪的事情。）

尽管如此，传入 window 并没有真正好的理由......如果不能依赖 window，获取 window 的传统方法是直接调用函数并使用 this。

不管怎样，这只是针对病态作者 JavaScript 的防御性编码。在编写自己的代码时，这不是您应该担心的事情（在任何情况下，您都无法阻止某人可能弄乱其 JS 环境的每一种方式），并且这与链接无关。