閉包理解

各類專業文獻上的「閉包」（closure）定義很是抽象，很難看懂。

因爲在Javascript語言中，只有函數內部的子函數才能讀取局部變量，所以能夠把閉包簡單理解成「定義在一個函數內部的函數」。

因此，在本質上，閉包就是將函數內部和函數外部鏈接起來的一座橋樑。

 

做用域

要理解閉包，首先必須理解Javascript特殊的變量做用域。

變量的做用域無非就是兩種：全局變量和局部變量。

Javascript語言的特殊之處，就在於函數內部能夠直接讀取全局變量。

Js代碼

　　var n=10;

　　function fn1(){
　　　　alert(n);
　　}

　　fn1(); // 10

另外一方面，在函數外部天然沒法讀取函數內的局部變量。

Js代碼

　　function fn1(){
　　　　var n=10;
　　}

　　alert(n); // error

這裏有一個地方須要注意，函數內部聲明變量的時候，必定要使用var命令。若是不用的話，你實際上聲明瞭一個全局變量！

Js代碼

　　function fn1(){
　　　　n=10;
　　}

　　fn1();

　　alert(n); // 10

 

如何從外部讀取局部變量？

出於種種緣由，咱們有時候須要獲得函數內的局部變量。可是，前面已經說過了，正常狀況下，這是辦不到的，只有經過變通方法才能實現。

那就是在函數的內部，再定義一個函數。

Js代碼

　　function fn1(){

　　　　n=10;

　　　　function fn2(){
　　　　　　alert(n); // 10
　　　　}

　　}

在上面的代碼中，函數fn2就被包括在函數fn1內部，這時fn1內部的全部局部變量，對fn2都是可見的。可是反過來就不行，fn2內部的局部變量，對fn1 就是不可見的。這就是Javascript語言特有的「鏈式做用域」結構（chain scope），

子對象會一級一級地向上尋找全部父對象的變量。因此，父對象的全部變量，對子對象都是可見的，反之則不成立。

既然fn2能夠讀取fn1中的局部變量，那麼只要把fn2做爲返回值，咱們不就能夠在fn1外部讀取它的內部變量了嗎！

Js代碼

　　function fn1(){

　　　　n=10;

　　　　function fn2(){
　　　　　　alert(n);
　　　　}

　　　　return fn2;

　　}

　　var result=fn1();

　　result(); // 10

 

使用閉包的注意點

因爲閉包會使得函數中的變量都被保存在內存中，內存消耗很大，因此不能濫用閉包，不然會形成網頁的性能問題，在IE中可能致使內存泄露。