jquery封裝插件時(shí)匿名函數(shù)形參和實(shí)參的寫法解釋
在jquery插件中我們經(jīng)常看到以下這段代碼
;(function ( $, window, document, undefined ){ //函數(shù)體內(nèi)具體代碼 })(jQuery, window,document);
1、代碼最前面的分號(hào),可以防止多個(gè)文件壓縮合并以為其他文件最后一行語(yǔ)句沒(méi)加分號(hào),而引起合并后的語(yǔ)法錯(cuò)誤。
2、匿名函數(shù)(function(){})();:由于Javascript執(zhí)行表達(dá)式是從圓括號(hào)里面到外面,所以可以用圓括號(hào)強(qiáng)制執(zhí)行聲明的函數(shù)。避免函數(shù)體內(nèi)和外部的變量沖突。
3、$實(shí)參:$是jquery的簡(jiǎn)寫,很多方法和類庫(kù)也使用$,這里$接受jQuery對(duì)象,也是為了避免$變量沖突,保證插件可以正常運(yùn)行。
4、window, document實(shí)參分別接受window, document對(duì)象,window, document對(duì)象都是全局環(huán)境下的,而在函數(shù)體內(nèi)的window, document其實(shí)是局部變量,不是全局的window, document對(duì)象。這樣做有個(gè)好處就是可以提高性能,減少作用域鏈的查詢時(shí)間,如果你在函數(shù)體內(nèi)需要多次調(diào)用window 或 document對(duì)象,這樣把window 或 document對(duì)象當(dāng)作參數(shù)傳進(jìn)去,這樣做是非常有必要的。當(dāng)然如果你的插件用不到這兩個(gè)對(duì)象,那么就不用傳遞這兩個(gè)參數(shù)了。
5、最后剩下一個(gè)undefined形參了,那么這個(gè)形參是干什么用的呢,看起來(lái)是有點(diǎn)多余。undefined在老一輩的瀏覽器是不被支持的,直接使用會(huì)報(bào)錯(cuò),js框架要考慮到兼容性,因此增加一個(gè)形參undefined
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
- jquery自定義函數(shù)的多種方法
- jQuery 自定義函數(shù)寫法分享
- jQuery回調(diào)函數(shù)的定義及用法實(shí)例
- jQuery.extend 函數(shù)詳解
- jQuery中將函數(shù)賦值給變量的調(diào)用方法
- jQuery下擴(kuò)展插件和拓展函數(shù)的寫法(匿名函數(shù)使用的典型例子)
- jQuery構(gòu)造函數(shù)init參數(shù)分析
- jQuery實(shí)用函數(shù)用法總結(jié)
- jQuery 回調(diào)函數(shù)(callback)的使用和基礎(chǔ)
- jQuery 函數(shù)實(shí)例分析【函數(shù)聲明、函數(shù)表達(dá)式、匿名函數(shù)等】
相關(guān)文章
jquery判斷至少有一個(gè)checkbox被選中的方法
這篇文章主要介紹了jquery判斷至少有一個(gè)checkbox被選中的方法,涉及jQuery操作checkbox控件的相關(guān)技巧,需要的朋友可以參考下2015-06-06jQuery選取所有復(fù)選框被選中的值并用Ajax異步提交數(shù)據(jù)的實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery選取所有復(fù)選框被選中的值并用Ajax異步提交數(shù)據(jù)的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08jQuery組件easyui基本布局實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了jQuery easyui基本布局實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08jquery綁定原理 簡(jiǎn)單解析與實(shí)現(xiàn)代碼分享
下面的內(nèi)容只是自己的一些理解,水平有限,難免有錯(cuò),望指正2011-09-09jQuery實(shí)現(xiàn)定時(shí)隱藏對(duì)話框的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)定時(shí)隱藏對(duì)話框的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery定時(shí)隱藏對(duì)話框的相關(guān)函數(shù)、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2018-02-02jQuery制作圣誕主題頁(yè)面 更像是愛(ài)情影集
這篇文章主要為大家詳細(xì)介紹了jQuery制作圣誕主題頁(yè)面的方法,類似動(dòng)感影集,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08