快捷導(dǎo)航

js閉包所用的場(chǎng)合以及優(yōu)缺點(diǎn)分析

更新時(shí)間：2015年06月22日 09:48:34 投稿：hebedich

這篇文章主要介紹了js閉包所用的場(chǎng)合以及優(yōu)缺點(diǎn)分析，十分的詳細(xì)使用，有需要的小伙伴可以參考下。

先上段代碼：

//函數(shù)a
function a()
{
var i=0;
//函數(shù)b
function b()
{
alert(++i);
}
return b;
}
//函數(shù)c
var c = a();
c();

代碼特點(diǎn)：

1、函數(shù)b嵌套在函數(shù)a內(nèi)部；
2、函數(shù)a返回函數(shù)b。
代碼中函數(shù)a的內(nèi)部函數(shù)b，被函數(shù)a外面的一個(gè)變量c引用的時(shí)候，這就叫創(chuàng)建了一個(gè)閉包。有時(shí)候函數(shù)b也可以用一個(gè)匿名函數(shù)代替來(lái)返回，即return function(){};

優(yōu)點(diǎn)：1.保護(hù)函數(shù)內(nèi)的變量安全,加強(qiáng)了封裝性 2.在內(nèi)存中維持一個(gè)變量(用的太多就變成了缺點(diǎn)，占內(nèi)存)
閉包之所以會(huì)占用資源是當(dāng)函數(shù)a執(zhí)行結(jié)束后, 變量i不會(huì)因?yàn)楹瘮?shù)a的結(jié)束而銷毀, 因?yàn)閎的執(zhí)行需要依賴a中的變量。
不適合場(chǎng)景：返回閉包的函數(shù)是個(gè)非常大的函數(shù)

閉包的典型框架應(yīng)該就是jquery了。

閉包是javascript語(yǔ)言的一大特點(diǎn)，主要應(yīng)用閉包場(chǎng)合主要是為了：設(shè)計(jì)私有的方法和變量。
這在做框架的時(shí)候體現(xiàn)更明顯，有些方法和屬性只是運(yùn)算邏輯過(guò)程中的使用的，不想讓外部修改這些屬性，因此就可以設(shè)計(jì)一個(gè)閉包來(lái)只提供方法獲取。

閉包的缺點(diǎn)就是常駐內(nèi)存，會(huì)增大內(nèi)存使用量，使用不當(dāng)很容易造成內(nèi)存泄露。

總結(jié)一下：

優(yōu)點(diǎn)：

1. 邏輯連續(xù)，當(dāng)閉包作為另一個(gè)函數(shù)調(diào)用的參數(shù)時(shí)，避免你脫離當(dāng)前邏輯而單獨(dú)編寫額外邏輯。
2. 方便調(diào)用上下文的局部變量。
3. 加強(qiáng)封裝性，第2點(diǎn)的延伸，可以達(dá)到對(duì)變量的保護(hù)作用。

缺點(diǎn)：

閉包有一個(gè)非常嚴(yán)重的問(wèn)題，那就是內(nèi)存浪費(fèi)問(wèn)題，這個(gè)內(nèi)存浪費(fèi)不僅僅因?yàn)樗ｑv內(nèi)存，更重要的是，對(duì)閉包的使用不當(dāng)會(huì)造成無(wú)效內(nèi)存的產(chǎn)生，看下面的例子：

var array = [];
function abc() {
var foo = function(){
}
array.push(foo);
return foo;
}
for(var i = 0 ; i < 10000; i ++)
{
abc();
}

alert(array[0] == array[1]);

通過(guò)上面的測(cè)試我們會(huì)看到這一萬(wàn)次abc()執(zhí)行所產(chǎn)生的同一個(gè)邏輯的閉包的地址并不相同，也就是說(shuō)它生產(chǎn)了一堆的一模一樣的Function對(duì)象，這樣有好處就是可以以工廠模式產(chǎn)生函數(shù)以備使用，然而如果你的稍有不慎將閉包當(dāng)做常態(tài)邏輯使用，就不可避免的會(huì)造成內(nèi)存垃圾。當(dāng)中換個(gè)語(yǔ)法可能更好理解：