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次迭代中甚至沒有一毫秒。這簡直是​​無用的。