Javascript中的自執(zhí)行匿名函數(shù)應(yīng)用示例

2024-05-06 16:08:50

字體：大中小

供稿：網(wǎng)友

javascript中的自執(zhí)行匿名函數(shù)可以用它創(chuàng)建命名空間，只要把自己所有的代碼都寫在這個特殊的函數(shù)包裝內(nèi)，那么外部就不能訪問，除非你允許
Javascript中的自執(zhí)行匿名函數(shù)
格式：

(function(){
//代碼
})();
解釋：這是相當優(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;
})();
上面的例子就可以用這種偽命名空間封裝并保護自己的所有函數(shù)、對象和變量。而且，由于它們位于同一個函數(shù)中，所以可以互相引用。為了對受保護的代碼進行全局化，隨后的一對括號告訴瀏覽器立即執(zhí)行返回的匿名函數(shù)，而且在執(zhí)行期間將__addClass()賦值給了window的一個方法,這樣在外部只能執(zhí)行addClass而__addClass被保護起來了。我可以這樣調(diào)用它：mySpace.addClass('oneId','font-width','bold')

上一篇：一個通過Javascript自定義屬性傳遞配置參數(shù)的方法

下一篇：JavaScript function 的 length 屬性使用介紹