大家好痊硕，我是IT修真院成都分院第8期的學(xué)員赊级，一枚正直純潔善良的WEB前端程序員。今天給大家分享一下閉包是什么岔绸，用處如何理逊。

1、閉包是什么盒揉？

閉包(closure)是JS中一個(gè)較難理解的一個(gè)概念晋被，JS函數(shù)的執(zhí)行依賴于變量作用域， 函數(shù)對(duì)象的內(nèi)部狀態(tài)包含函數(shù)自身的邏輯刚盈，還必須引用當(dāng)前的作用域鏈羡洛。 函數(shù)對(duì)象可以相互關(guān)聯(lián)起來，函數(shù)體內(nèi)部的變量可以保存在函數(shù)作用域內(nèi)藕漱， 具有這種特性的函數(shù)稱為閉包欲侮。 各種專業(yè)文獻(xiàn)上的"閉包"（closure）定義非常抽象，很難看懂肋联。 我的理解是威蕉，閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。 由于在Javascript語言中牺蹄，只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量忘伞， 因此可以把閉包簡(jiǎn)單理解成"定義在一個(gè)函數(shù)內(nèi)部的函數(shù)"。 所以沙兰，在本質(zhì)上氓奈，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。---阮一峰

2鼎天、閉包的作用舀奶？

（1）可以讀取函數(shù)內(nèi)部的變量

/*使用閉包讀取函數(shù)內(nèi)部的變量*/

function f1(){

n = 999;

function f2(){

alert(n);

}

return f2;

}

var result = f1();

result(); //999

（2）讓這些變量的值始終保存在內(nèi)存中

/*使用閉包讓函數(shù)內(nèi)部的變量?jī)?chǔ)存在內(nèi)存中*/

function f1(){

n = 999;

nAdd = function(){

n+=1;

};

function f2(){

alert(n);

}

return f2;

}

var result = f1();

result();//999

nAdd();

result();//1000

3、常見的問題斋射？

window.onload = function(){

var el = document.getElementById("id");

el.onclick = function(){

alert(el.id);

}

}

這段代碼會(huì)造成內(nèi)存泄漏育勺，為什么？

執(zhí)行這段代碼的時(shí)候罗岖，將匿名函數(shù)對(duì)象賦值給el的onclick屬性涧至；然后匿名函數(shù)內(nèi)部又引用了el對(duì)象，存在循環(huán)引用桑包，所以不能被垃圾回收機(jī)制回收南蓬；

解決辦法：

window.onload = function(){

var el = document.getElementById("id");

var id = el.id; //解除循環(huán)引用

el.onclick = function(){

alert(id);

}

el = null; // 將閉包引用的外部函數(shù)中活動(dòng)對(duì)象清除

}

4、討論

var name = "The Window";

var object = {

name : "My Object",

getNameFunc : function(){

return function(){

return this.name;

};

}

};

alert(object.getNameFunc()());//the window

按照閉包的原理，輸出的不應(yīng)該是 my object嗎赘方？

答： 匿名函數(shù)的執(zhí)行環(huán)境具有全局性烧颖，因此其 this 對(duì)象通常指向 window。

第二個(gè)例子中的的nAdd這個(gè)函數(shù)在函數(shù)f1內(nèi)部窄陡，為什么說他是一個(gè)閉包呢炕淮？

答：這是一個(gè)函數(shù)聲明式，但是沒有var跳夭，所以這是一個(gè)全局變量涂圆，等于從外部訪問內(nèi)部變量，所以這是一個(gè)閉包优妙。

使用閉包有什么好處呢乘综？

答：可以從外部調(diào)用函數(shù)內(nèi)部變量，避免污染全局變量套硼。