快捷導(dǎo)航

javascript自執(zhí)行函數(shù)

更新時(shí)間：2017年02月10日 10:23:38 作者：yanhangtian

本文主要介紹了javascript自執(zhí)行函數(shù)的相關(guān)知識(shí)。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧

function (window, $, undefined) {
 play=function(){
  $("#demo").val("This is a demo.");
 }
 window.wbLogin = play;
})(window, jQuery);

像上邊這樣的代碼為什么要把window, jQuery對(duì)象傳進(jìn)去？

為什么要傳入 jQuery？

通過(guò)定義一個(gè)匿名函數(shù)，創(chuàng)建了一個(gè)“私有”的命名空間，該命名空間的變量和方法，不會(huì)破壞全局的命名空間。這點(diǎn)非常有用也是一個(gè) JS 框架必須支持的功能，jQuery 被應(yīng)用在成千上萬(wàn)的 JavaScript 程序中，必須確保 jQuery 創(chuàng)建的變量不能和導(dǎo)入他的程序所使用的變量發(fā)生沖突。

為什么要傳入 window？

通過(guò)傳入 window 變量，使得 window 由全局變量變?yōu)榫植孔兞浚?dāng)在 jQuery 代碼塊中訪問(wèn) window 時(shí)，不需要將作用域鏈回退到頂層作用域，這樣可以更快的訪問(wèn) window；這還不是關(guān)鍵所在，更重要的是，將 window 作為參數(shù)傳入，可以在壓縮代碼時(shí)進(jìn)行優(yōu)化，看看 jquery-1.6.1.min.js：

(function(a,b){})(window); // window 被優(yōu)化為 a

為什么要傳入 undefined？

在自調(diào)用匿名函數(shù)的作用域內(nèi)，確保 undefined 是真的未定義。因?yàn)?undefined 能夠被重寫，賦予新的值。

一句話，使全局變量以參數(shù)形式變成自執(zhí)行函數(shù)內(nèi)部的局部變量。

至于為什么這么做，提高程序效率。為什么能提高效率，得從javascript的機(jī)制說(shuō)起，所謂的scope chain作用域鏈，在當(dāng)前作用域中如果沒(méi)有該屬性（局部變量）則向上一層作用域中尋找，一直到最上層，也就是window。也就是說(shuō)全局變量和下級(jí)作用域都是window的一個(gè)屬性，向下依此類推。

另外jQuery傳入后將參數(shù)寫成$可以保證在此函數(shù)內(nèi)$為jquery而不是其他類似使用$符號(hào)的庫(kù)。

undefined同理，由于沒(méi)有傳入第三個(gè)參數(shù)，自然就是undefined。由于javascript中undefined是一個(gè)變量，可以被改變，所以這樣可以保證undefined判斷時(shí)的準(zhǔn)確性。有時(shí)判斷時(shí)使用typeof xxx === 'undefined'也是因?yàn)檫@個(gè)原因。

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章: