avascript中的自執(zhí)行匿名函數(shù)應(yīng)用示例
Javascript中的自執(zhí)行匿名函數(shù)
格式:
(function(){ //代碼 })();
解釋:這是相當(dāng)優(yōu)雅的代碼(如果你首次看見可能會一頭霧水:)),包圍函數(shù)(function(){})的第一對括號向腳本返回未命名的函數(shù),隨后一對空括號立即執(zhí)行返回的未命名函數(shù),括號內(nèi)為匿名函數(shù)的參數(shù)。
來個帶參數(shù)的例子:
(function(arg){ alert(arg+100); })(20); // 這個例子返回120。
重要用途:可以用它創(chuàng)建命名空間,只要把自己所有的代碼都寫在這個特殊的函數(shù)包裝內(nèi),那么外部就不能訪問,除非你允許
(function(){ function $(id){ return document.getElementById(id); } function __addClass(id,className,classValue){ $(id).style.className=classValue; } window['mySpace']={}; window['mySpace']['addClass']=__addClass; })();
上面的例子就可以用這種偽命名空間封裝并保護(hù)自己的所有函數(shù)、對象和變量。而且,由于它們位于同一個函數(shù)中,所以可以互相引用。為了對受保護(hù)的代碼進(jìn)行全局化,隨后的一對括號告訴瀏覽器立即執(zhí)行返回的匿名函數(shù),而且在執(zhí)行期間將__addClass()賦值給了window的一個方法,這樣在外部只能執(zhí)行addClass而__addClass被保護(hù)起來了。我可以這樣調(diào)用它:mySpace.addClass('oneId','font-width','bold')
相關(guān)文章
JS實現(xiàn)滑動菜單效果代碼(包括Tab,選項卡,橫向等效果)
這篇文章主要介紹了JS實現(xiàn)滑動菜單效果代碼,以實例形式實現(xiàn)了包括Tab,選項卡,橫向等效果,非常簡單實用,需要的朋友可以參考下2015-09-09javascript+dom樹型菜單類,希望朋友們一起進(jìn)步
javascript+dom樹型菜單類,希望朋友們一起進(jìn)步...2007-05-05JavaScript使用focus()設(shè)置焦點失敗的解決方法
這篇文章主要介紹了JavaScript使用focus()設(shè)置焦點失敗的一個解決方法 ,需要的朋友可以參考下2014-09-09教你用wxml2canvas將微信小程序頁面轉(zhuǎn)為圖片
如果需要實現(xiàn)將小程序的頁面轉(zhuǎn)為圖片,第一步是要先把頁面轉(zhuǎn)為canvas,再將canvas轉(zhuǎn)為圖片,下面這篇文章主要給大家介紹了關(guān)于用wxml2canvas將微信小程序頁面轉(zhuǎn)為圖片的相關(guān)資料,需要的朋友可以參考下2022-11-11