JavaScript/JQuery语法如何工作:(函数（窗口，未定义）{}）（窗口）？

Question

你曾经在引擎盖下的JQuery的1.4源代码采取一看，发现它是如何封装在以下方式：

(function(window, undefined) { 

    //All the JQuery code here 
    ... 

})(window); 

我读过JavaScript Namespacing的文章，另一个叫“An Important Pair of Parens ，“所以我知道一些关于这里发生的事情。

但我从来没有见过这种特殊的语法。那是什么undefined在那里？为什么window需要通过，然后再次出现在最后？

Answer 1

未定义是一个正常变量，可以简单地用undefined = "new value";来更改。所以jQuery创建了一个本地的“未定义”变量，它是真正未定义的。

由于性能原因，窗口变量是本地的。因为当JavaScript查找一个变量时，它首先通过局部变量，直到找到变量名称。当找不到时，JavaScript会遍历下一个范围等，直到它通过全局变量进行过滤。所以如果窗口变量是本地的，JavaScript可以更快地查找它。 更多信息：Speed Up Your JavaScript - Nicholas C. Zakas

Answer 2

window像这样传入以防万一有人决定在IE中重新定义窗口对象，我假设undefined相同，以防万一它稍后以某种方式重新分配。

该脚本中的顶部window只是命名参数“window”，这是一个更局部的参数，全局参数window以及此闭包内部的代码将使用哪个参数。最后的window实际上是指定为第一个参数传递什么，在这种情况下，当前的含义是window ......希望在这种情况发生之前，您还没有搞砸window。

这可能更容易想到通过展示jQuery中使用的最典型的案例，插件.noConflict()处理，所以对于广大的代码，你仍然可以使用$，即使这意味着一些其他比jQuery此范围之外：

(function($) { 
    //inside here, $ == jQuery, it was passed as the first argument 
})(jQuery); 

Answer 3

其他已解释undefined。 undefined就像一个全局变量，可以重新定义为任何值。这个技巧是为了防止所有未定义的检查破坏，如果有人在某处写道undefined = 10。不论变量undefined的值如何，永远不会通过的参数保证为实际undefined。

通过窗口的原因可以用下面的例子来说明。

(function() { 
    console.log(window); 
    ... 
    ... 
    ... 
    var window = 10; 
})(); 

控制台日志是什么？对象window的值是正确的？错误！ 10？错误！它记录undefined。JavaScript解释器（或JIT编译器）重写这样说 -

(function() { 
    var window; //and every other var in this function 

    console.log(window); 
    ... 
    ... 
    ... 
    window = 10; 

})(); 

但是，如果你得到window变量作为自变量，有没有变种，因此没有惊喜。

我不知道jQuery是否正在这样做，但如果您在函数的任何位置重新定义window局部变量出于任何原因，从全局范围借用它是一个好主意。

Answer 4

未定义

通过声明undefined作为参数，但从未传递的值，以它确保它始终是未定义的，因为它只是在全球范围内，可以被覆盖的变量。这使得a === undefined成为typeof a == 'undefined'的一种安全替代方案，它可以节省几个字符。它还使代码更加易于缩小，因为undefined可以缩短为u，例如，可以节省更多字符。

窗口

传递window作为参数保持在局部范围内，这会影响性能的副本：http://jsperf.com/short-scope。所有对window的访问现在必须在范围链上少一级。与undefined一样，本地副本再次允许更积极的缩小。

---

旁注：

虽然这可能没有的jQuery的开发者的意图，传递window允许更容易地集成在服务器端JavaScript环境的库，例如node.js - 没有全局的window对象。在这种情况下，只需要更改一行即可将另一个对象替换为window对象。在jQuery的情况下，模拟window对象可以被创建并传入以用于HTML抓取（诸如jsdom之类的库可以做到这一点）。

Answer 5

经过1000000次迭代测试。这种本地化对性能没有影响。在1000000次迭代中甚至没有一毫秒。这简直是​​无用的。