時(shí)隔多天，我又準(zhǔn)備更新我得文章了幔亥。
最近看了很多瀏覽器相關(guān)知識(shí)耻讽，就想系統(tǒng)的總結(jié)下學(xué)到的知識(shí)點(diǎn)。
總結(jié)下最近看到知識(shí)點(diǎn)吧帕棉。
之前一直覺(jué)得寫(xiě)閉包容易造成內(nèi)存泄漏针肥，就一直回避這個(gè)問(wèn)題。覺(jué)得不寫(xiě)我一樣能完成預(yù)期的功能香伴，后來(lái)才知道閉包對(duì)于性能優(yōu)化是很有幫助的慰枕，或者說(shuō)想要更上一層樓，這個(gè)問(wèn)題也是繞不開(kāi)的即纲。
先說(shuō)說(shuō)定義吧：
阮一峰：閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)
百度：官方對(duì)閉包的解釋是：一個(gè)擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式（通常是一個(gè)函數(shù)）具帮，因而這些變量也是該表達(dá)式的一部分。
《你不知道的JS》一句話(huà)總結(jié)閉包：對(duì)函數(shù)外層的變量持有訪問(wèn)權(quán)崇裁。詳見(jiàn)《你不知道的JS》匕坯。
。拔稳。葛峻。
我也不知道該怎么回答這個(gè)問(wèn)題，暫時(shí)就拿阮一峰的解釋為準(zhǔn)巴比。
兩個(gè)點(diǎn)：
1. 是個(gè)函數(shù)
2 能讀到其他函數(shù)內(nèi)容變量
function f1(){
var n=999;
nAdd=function(){n+=1}
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
nAdd();
result(); // 1000
注意這里沒(méi)有用到 “use strict“术奖。所以nAdd不會(huì)報(bào)錯(cuò)，反而他會(huì)在window作用域上賦值一個(gè)變量轻绞，也就是全局變量采记。
這里的f2就是一個(gè)閉包函數(shù)，他是函數(shù)也能訪問(wèn)到其他函數(shù)內(nèi)部政勃。執(zhí)行結(jié)果唧龄，result()時(shí)候?qū)嶋H執(zhí)行的是返回的f2函數(shù)，能訪問(wèn)到f1內(nèi)部的變量奸远，n是999既棺。nAdd執(zhí)行時(shí)候?qū)е耼變?yōu)?00，再次執(zhí)行時(shí)候result()自然就是100.
缺點(diǎn)：
從這里就可以看到一個(gè)問(wèn)題懒叛，由于返回的f2函數(shù)要使用f1的內(nèi)部作用域變量n,導(dǎo)致n始終存留在內(nèi)存中丸冕，不會(huì)被垃圾回收機(jī)制回收，當(dāng)然如果此時(shí)還有f1內(nèi)部還有其他變量薛窥，同樣也是不會(huì)被銷(xiāo)毀的胖烛，即使閉包函數(shù)f2沒(méi)有使用---(閉包會(huì)引用外部函數(shù)的整個(gè)活動(dòng)對(duì)象眼姐，這種機(jī)制可能會(huì)導(dǎo)致保存多余的變量而造成內(nèi)存浪費(fèi))，這里存在爭(zhēng)議佩番，也有人說(shuō)---(理論上不回收抄众旗。因?yàn)殚]包中的變量不會(huì)被回收這是閉包的特性之襲一。
但是實(shí)際上不同的瀏覽器實(shí)現(xiàn)的可能不一樣趟畏。一些高端瀏覽器如果確認(rèn)這個(gè)變量沒(méi)有且不會(huì)再被使用百的話(huà)逝钥，也可能將其回收。)鏈接拱镐，所以建議是退出函數(shù)執(zhí)行時(shí)，將不使用的局部變量刪除掉持际。
再看一個(gè)例子:
原文鏈接
版權(quán)聲明：本文為CSDN博主「去門(mén)口罰站」的原創(chuàng)文章沃琅，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明蜘欲。
function Outer() {
var obj = {};
obj.id = '12345678';
obj.name = 'aha';
// ... 假設(shè)經(jīng)過(guò)很多處理過(guò)程益眉，最后obj上帶有很多屬性
return function() {
return obj.id;
};
}
這里的obj始終保留在內(nèi)存中，但是值引用了id一個(gè)屬性姥份，假如obj還有其他一堆屬性郭脂，就難免很浪費(fèi)，所以就會(huì)有如下寫(xiě)法澈歉。
版權(quán)聲明：本文為CSDN博主「去門(mén)口罰站」的原創(chuàng)文章展鸡，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明埃难。
原文鏈接
function AnotherOuter() {
var obj = {};
obj.id = '12345678';
obj.name = 'aha';
// ... 假設(shè)經(jīng)過(guò)很多處理過(guò)程莹弊，最后obj上帶有很多屬性
var id = obj.id;
obj = null;
return function() {
return id;
};
}
還有一點(diǎn)2.
閉包會(huì)在父函數(shù)外部，改變父函數(shù)內(nèi)部變量的值涡尘。所以忍弛，如果你把父函數(shù)當(dāng)作對(duì)象（object）使用，把閉包當(dāng)作它的公用方法（Public Method）考抄，把內(nèi)部變量當(dāng)作它的私有屬性（private value）细疚，這時(shí)一定要小心，不要隨便改變父函數(shù)內(nèi)部變量的值川梅。
例如以下例子疯兼，改變了父函數(shù)的屬性
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
this.name = "mine";
return function() {
return this.name;
};
}
};
console.log(object.getNameFunc()()); // The Window
console.log(object.name) // mine
再看一個(gè)例子
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
var that = this;
return function() {
return that.name;
};
}
};
alert(object.getNameFunc()()); // My Object
參考鏈接如下：
[JavaScript高級(jí)]閉包的概念及其應(yīng)用
JavaScript閉包的原理與缺陷
學(xué)習(xí)Javascript閉包（Closure）
