前言
之前對閉包的理解一直不是很清晰丝蹭，總覺得自己已經(jīng)理解了，面試的時(shí)候也說得頭頭是道苦掘，但是看了看了一篇有關(guān)javascript閉包內(nèi)存泄漏的文章后發(fā)現(xiàn)自己對閉包的理解完全不夠
一、什么是閉包
閉包是捆綁在一起（封閉）的函數(shù)與對其周圍狀態(tài)（詞法作用域環(huán)境下）的引用的組合。 換句話說，閉包使你能從內(nèi)部函數(shù)訪問外部函數(shù)的作用域。 在JavaScript中，每次創(chuàng)建函數(shù)時(shí)腾誉，都會(huì)在函數(shù)創(chuàng)建時(shí)創(chuàng)建閉包。
//創(chuàng)建閉包的一般示例
function a() {
var b = 1;
function c() {
console.log(b);
}
}
function a() {
var b = 1;
return function c() {
console.log(b);
}
}
function a(b) {
function c() {
console.log(b);
}
}
//直接在全局環(huán)境創(chuàng)建函數(shù)實(shí)際上也是一個(gè)閉包,因?yàn)闈M足閉包的定義
var a = 1;
function b() {
console.log(a);
}
二菲语、如何使用閉包
要使用閉包妄辩，只需在另一個(gè)函數(shù)內(nèi)定義一個(gè)函數(shù)并公開它。 公開函數(shù)的方式有兩種山上，一種是直接return嵌套函數(shù)眼耀，另一種是將嵌套函數(shù)作為參數(shù)傳遞給另外一個(gè)函數(shù)
//直接return嵌套函數(shù)的方式一
var accept;
function a() {
var b = 1;
return function c() {
console.log(b);
}
}
accept = a();
//直接return嵌套函數(shù)的方式二
var accept;
function a() {
var b = 1;
function c() {
console.log(b);
}
accept = c;
}
//作為參數(shù)傳遞的方式
function accept(func) {
...
}
function a() {
var b = 1;
function c() {
console.log(b);
}
accept(c);
}
即便我們暴露出了內(nèi)部函數(shù)
(如上文中的函數(shù)c)，并且外部函數(shù)(如上文中的a函數(shù))已經(jīng)執(zhí)行結(jié)束并返回佩憾，內(nèi)部函數(shù)仍然可以訪問外部函數(shù)的作用域
還有一種比較特殊的閉包哮伟，立即執(zhí)行函數(shù)，通過構(gòu)建函數(shù)作用域的形式將變量與全局命名空間隔離妄帘， 并通過閉包的形式讓它們存在于整個(gè)運(yùn)行時(shí)楞黄，一般用于保護(hù)全局命名空間免受變量污染
(function(window){
var foo, bar;
function private(){
// do something
}
window.Module = {
public: function(){
// do something
}
};
})(this);
三、閉包的作用
//在函數(shù)a執(zhí)行完后抡驼，i不會(huì)被回收鬼廓，它會(huì)存在于b的作用域鏈上
function a() {
var i = 0;
function b() {
console.log(++i);
}
return b;
}
var c = a();
c(); //1
c(); //2
其實(shí)可以理解為b對a的context有訪問權(quán)限，換句話說致盟，就是b在自身的活動(dòng)對象找不到的情況下碎税，會(huì)在作用域鏈上去找
四、閉包的規(guī)則
一個(gè)函數(shù)
a里的所有閉包函數(shù)(內(nèi)嵌函數(shù))都共享同一個(gè)context馏锡，這個(gè)context來源于函數(shù)a雷蹂。
當(dāng)函數(shù)a執(zhí)行完畢后，所有沒有被閉包函數(shù)引用的變量都會(huì)被垃圾回收杯道，而所有被閉包函數(shù)引用的變量都會(huì)作為context匪煌。context被所有閉包函數(shù)共享(即可以通過作用域鏈訪問到)。若存在一個(gè)閉包函數(shù)被函數(shù)a暴露給外部引用党巾，那么函數(shù)a執(zhí)行完后萎庭，context中的變量不會(huì)被垃圾回收
function PING() {
this.a = new Array(1000000);
}
function a() {
var ping = new PING();
var obj = {name: 'carl', arr: new Array(1000000)};
var obj2 = {name: 'jack', arr: new Array(1000000)};
function f1() {
if(obj) {}
}
function f2() {
if(ping) {}
}
return function b() {}
}
var c = a();
如果函數(shù)a里使用了eval且把a中的內(nèi)嵌函數(shù)b暴露給外部引用的話，那么a中所有的b除外的變量都不會(huì)被回收
function PING() {
this.a = new Array(1000000);
}
function a() {
var ping = new PING();
var obj = {name: 'carl', arr: new Array(1000000)};
var obj2 = {name: 'jack', arr: new Array(1000000)};
function f() { eval(); }
return function b() {}
}
var c = a();
五齿拂、看一下有關(guān)閉包的內(nèi)存泄漏的代碼
var theThing = null;
var replaceThing = function () {
var originalThing = theThing;
var unused = function () {
if(originalThing) {}
};
theThing = {
longStr: Date.now() + Array(1000000).join('*'),
someMethod: function () {}
};
};
setInterval(replaceThing, 1000);
分析
第一秒：someMethod 被暴露到外部驳规，unused引用了originalThing。someMethod的context一直包含著originalThing创肥，故originalThing沒被回收，originalThing指向null
第二秒：someMethod 被暴露到外部，unused引用了originalThing叹侄，someMethod的context一直包含著originalThing巩搏，故originalThing沒被回收，但是originalThing指向了第一秒的theThing所指向的內(nèi)存空間(包含第一秒的someMethod趾代，所以第一秒的originalThing到了第二秒還是沒有被回收贯底，但是originalThing指向null，所以問題不大)
第三秒：someMethod 被暴露到外部撒强，unused引用了originalThing禽捆，someMethod的context一直包含著originalThing，故originalThing沒被回收飘哨，但是originalThing指向了第二秒的theThing所指向的內(nèi)存空間(包含第二秒的someMethod胚想，所以第二秒的originalThing到了第三秒還是沒有被回收，但是originalThing指向第二秒的theThing所指向的內(nèi)存空間芽隆，這個(gè)空間很大浊服，問題也很大)
第四秒：...
綜上所述，第三秒沒有回收第二秒的theThing指向的內(nèi)存空間胚吁，第四秒也沒回收第二秒的theThing指向的內(nèi)存空間和第三秒的theThing指向的內(nèi)存空間...
最后牙躺，上面這種閉包的寫法是不合理的
