JavaScript 閉包在封裝函數時的簡單分析
更新時間:2009年11月28日 01:54:47 作者:
近才開始系統(tǒng)的研究js,對js的興趣源于對JQuery的應用。之前只會用js做簡單的計算函數,后來由于需要做特效,故接觸JQ,看著API,基本的特效都能完成,但相反,如果用js去實現,估計自己很難寫得出來,所以下定決心系統(tǒng)的看看js。
wbkt2t最近發(fā)現了一個新名詞:閉包。(自己落后了,要好好學習才行),baidu、google看了一下原理和實例,也明白了閉包的強大。JQuery也把閉包發(fā)揚光大了,網上一些個人開發(fā)的框架都是用了閉包了功能。知道了閉包的原理和使用發(fā)放,于是自己小小試驗了一把,帶著疑惑:使用閉包有什么好處?不使用會出現什么后果?寫下了以下代碼,也希望大家給小弟一些解答
使用閉包:
實例1
var $Darren;
(function(){
var Obj={version:"1.0",author:"Darren"};
Obj.Add=function(arg1,arg2){
return (arg1+arg2);
}
Obj.Multi=function(arg1,arg2){
return (arg1*arg2);
}
$Darren=Obj;
})(); //匿名函數,并使其馬上執(zhí)行
alert($Darren.Add(6,2)); //結果 8
alert($Darren.Multi(3,5)); //結果15
不使用閉包代碼:
實例2
var $Darren2={version:"1.0",author:"Darren"};
$Darren2.Add=function(arg1,arg2){
return (arg1+arg2);
}
$Darren2.Multi=function(arg1,arg2){
return (arg1*arg2);
}
alert($Darren2.Add(6,2)); //結果 8
alert($Darren2.Multi(3,5)); //結果15
我的理解是:
.使用閉包后可以防止命名沖突,如在實例1中,如果$Darren變量沖突只需改兩處地方,而在實例2中,如果$Darren2變量沖突則需該多處(這里是3處)
.使用閉包后,即使匿名函數執(zhí)行完畢,但是還可以使用其內部的函數。
還有我有個疑惑就是:
為什么大家都推薦實例1的寫法,實例1和實例2哪個更好,為什么?一樣能實現的功能。
希望大家指點小弟,這樣理解對不對?
還有什么補充的。
謝謝大家~~~
使用閉包:
實例1
復制代碼 代碼如下:
var $Darren;
(function(){
var Obj={version:"1.0",author:"Darren"};
Obj.Add=function(arg1,arg2){
return (arg1+arg2);
}
Obj.Multi=function(arg1,arg2){
return (arg1*arg2);
}
$Darren=Obj;
})(); //匿名函數,并使其馬上執(zhí)行
alert($Darren.Add(6,2)); //結果 8
alert($Darren.Multi(3,5)); //結果15
不使用閉包代碼:
實例2
復制代碼 代碼如下:
var $Darren2={version:"1.0",author:"Darren"};
$Darren2.Add=function(arg1,arg2){
return (arg1+arg2);
}
$Darren2.Multi=function(arg1,arg2){
return (arg1*arg2);
}
alert($Darren2.Add(6,2)); //結果 8
alert($Darren2.Multi(3,5)); //結果15
我的理解是:
.使用閉包后可以防止命名沖突,如在實例1中,如果$Darren變量沖突只需改兩處地方,而在實例2中,如果$Darren2變量沖突則需該多處(這里是3處)
.使用閉包后,即使匿名函數執(zhí)行完畢,但是還可以使用其內部的函數。
還有我有個疑惑就是:
為什么大家都推薦實例1的寫法,實例1和實例2哪個更好,為什么?一樣能實現的功能。
希望大家指點小弟,這樣理解對不對?
還有什么補充的。
謝謝大家~~~
您可能感興趣的文章:
相關文章
bootstrapTable+ajax加載數據 refresh更新數據
這篇文章主要為大家詳細介紹了bootstrapTable+ajax加載數據,以及refresh更新數據,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-08-08

