一、閉包是什麼

在函式外部無法訪問函式內部的變數,而函式內可以訪問函式外的變數,在函式的內部,巢狀一個子函式,這個子函式可以訪問父函式作用域內的變數,然後父函式把這個子函式return出去,讓在函式外部可以通過子函式訪問自己的區域性變數，是不是有點懵呢？我們看個例子：

var x = 20;

function F() {

alert(x); // 自由變數"x" == 20

}

// 為F閉包

fooClosure = {

call: F // 引用到function

lexicalEnvironment: {x: 20} // 搜尋上下文的上下文

};

此時，“F”函式已經有了一個內部屬性——建立該函式上下文的作用域鏈。

二、閉包產生

說白了，閉包的產生就是函式內巢狀函式，例如：

var F=function(){

var a=1;

return function(){

a++;

alert(a);

}

}

var f=F();

f();

這個時候，f()能夠訪問F的內部作用域，然後把裡面的匿名函式function()本身當作一個值型別進行傳遞，其實這個閉包的產生過程可以理解為在裡面的匿名函式定義時正處於懷孕的階段，到外面f()呼叫時，小孩就出生了，這個小孩（難道是哪吒？）就是閉包。

三、特殊的閉包

有時候對函式型別的值進行引數傳遞有很多種方法，沒關係，當他們在別處被呼叫時仍然可以觀察到閉包，例如：

function F(){

var a=2;

function B(){

console.log(a);//2

}

BB(B);

}

function BB(fn){

fn();//這個就是閉包

}

//這個是把內部的函式B傳遞給BB,當呼叫這個內部函式時,它涵蓋的F()內部作用域就出來了，因為它能夠訪問a.

//閉包第二發

function W(msg){

setTimeout(function T(){

console.log(msg);

},1000);

}

W("Hello,closure!");

四、常見的閉包(專案總最經常碰到的)--迴圈閉包

for(var i=1;i<=5;i++){

(function(){

var j=i;

setTimeout(function trimer(){

console.log(j);

},j*1000);

})();

}

在for迴圈裡面，我們在每個迭代過程中都建立了一個閉包作用域，且作用域內定義了變數，進行了賦值。閉包改變了變數的生命週期，變數將得到永生。

五、閉包的作用

1、函式外部讀取函式內的區域性變數

2、儲存變數於記憶體中,避免全域性變數的汙染

有時候需要一個模組中定義這樣的變數,執行某些操作後,始終儲存上一次的值,希望這個變數一直儲存在記憶體中,但又不會汙染全域性變數,這個時候,我們就可以使用閉包,這就為什麼在不同的函式模組內定義變數名相同的識別符號,但互相之間卻又不相干擾的原因,本質上就是閉包詞法作用域在起作用

3、對外提供公有的屬性和方法(具體程式碼我就不寫了，我想大家應該有一個比較系統的瞭解了)

六、閉包的弊端或者缺點

1、由於閉包會使得函式中的變數會被儲存在記憶體中,因常駐在記憶體中,如果變數物件不使用會比較佔用記憶體,在IE8以下瀏覽器會造成記憶體洩露,解決辦法,就是在退出函式之前,將不使用的區域性變數全部刪除清空就可以了

2、如果你把父函式當做物件使用,把閉包當做它的公有方法,把內部變數當做它的私有屬性,這時候,要注意不要隨便的改變父函式的內部變數的值

七、閉包造成記憶體洩露的原因

IE8低版本瀏覽器下js引擎與DOM物件垃圾回收機制不同,js物件迴圈計數導致記憶體洩露可用閉包詞法作用域解決,js物件與DOM物件互相引用跡某些DOM操作導致記憶體洩露