javascript自執(zhí)行函數(shù)
function (window, $, undefined) {
play=function(){
$("#demo").val("This is a demo.");
}
window.wbLogin = play;
})(window, jQuery);
像上邊這樣的代碼為什么要把window, jQuery對(duì)象傳進(jìn)去?
為什么要傳入 jQuery?
通過定義一個(gè)匿名函數(shù),創(chuàng)建了一個(gè)“私有”的命名空間,該命名空間的變量和方法,不會(huì)破壞全局的命名空間。這點(diǎn)非常有用也是一個(gè) JS 框架必須支持的功能,jQuery 被應(yīng)用在成千上萬的 JavaScript 程序中,必須確保 jQuery 創(chuàng)建的變量不能和導(dǎo)入他的程序所使用的變量發(fā)生沖突。
為什么要傳入 window?
通過傳入 window 變量,使得 window 由全局變量變?yōu)榫植孔兞浚?dāng)在 jQuery 代碼塊中訪問 window 時(shí),不需要將作用域鏈回退到頂層作用域,這樣可以更快的訪問 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ī)制說起,所謂的scope chain作用域鏈,在當(dāng)前作用域中如果沒有該屬性(局部變量)則向上一層作用域中尋找,一直到最上層,也就是window。也就是說全局變量和下級(jí)作用域都是window的一個(gè)屬性,向下依此類推。
另外jQuery傳入后將參數(shù)寫成$可以保證在此函數(shù)內(nèi)$為jquery而不是其他類似使用$符號(hào)的庫。
undefined同理,由于沒有傳入第三個(gè)參數(shù),自然就是undefined。由于javascript中undefined是一個(gè)變量,可以被改變,所以這樣可以保證undefined判斷時(shí)的準(zhǔn)確性。有時(shí)判斷時(shí)使用typeof xxx === 'undefined'也是因?yàn)檫@個(gè)原因。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
JavaScript事件流之事件處理和傳播機(jī)制深入理解
本文將詳細(xì)介紹JavaScript事件流的發(fā)展流程、屬性以及應(yīng)用場景,并提供一些代碼示例和引用資料,幫助讀者深入理解并應(yīng)用這一重要的前端技術(shù),希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
JavaScript針對(duì)SPA應(yīng)用的前端優(yōu)化策略概述
前端性能優(yōu)化是Web開發(fā)中非常重要的一環(huán),優(yōu)化能夠有效地提高網(wǎng)站的加載速度和用戶體驗(yàn),而對(duì)于SPA來說,由于其特殊的加載方式和數(shù)據(jù)交互方式,其優(yōu)化策略也具有一定的特殊性,需要詳細(xì)了解可以參考下文2023-05-05
Electron 隱藏頂部菜單功能實(shí)現(xiàn)
本文介紹了如何在Electron應(yīng)用中隱藏頂部菜單,具體方法是在main.js文件中添加一行代碼,這是一個(gè)簡單有效的技巧,適用于需要簡化界面的Electron應(yīng)用2024-09-09
基于RequireJS和JQuery的模塊化編程——常見問題全面解析
下面小編就為大家?guī)硪黄赗equireJS和JQuery的模塊化編程——常見問題全面解析。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-04-04

