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

Question

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

Code Source

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

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

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

Answer 1

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

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

本质上，这与：

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

…但没有间隙变量。

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

Answer 2

当一个函数被调用的参数少于其签名所包含的参数时，尾随参数被赋值为undefined。

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

虽然没有像这样传递window 的充分理由......如果你不能依赖window，获取window 的传统方法是直接调用一个函数并使用@ 987654327@.

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