我眼中的JavaScript閉包

標籤：class   機制   not   存在   最大   不能   函數   cti   解決方案   

一、變數的範圍

　　要理解閉包，首先必須理解Javascript特殊的變數範圍。

　　變數的範圍無非就是兩種：全域變數和局部變數。

　　JavaScript語言在函數內部可以訪問外部的變數，但是在函數外部不可以使用函數內部的變數，也就是局部變數。

　　在函數內部可以訪問外部的變數。

　　比如這樣：

var num=20;function func1(){ 　　
　　console.log(num);
}
func1(); //得到的值為20

　　另一方面，在函數外部自然無法讀取函數內的局部變數。

　　比如這樣：

function func1(){    var num=20;}console.log(num); // num is not defined（報錯）

 

二、如何在函數外部去得到局部變數的值？

　　有時候，我們想要去得到函數內部的變數，應該怎麼辦呢？我們可以在函數的內部，再定義一個函數，從而來達到我們的目的。

function func1(){    var num = 20;    function func2(){        return num    }    return func2;}var result = func1();    console.log(result()); //得到的值為20

　　在上面的代碼中，函數func2被包括在函數func1內部，這時func2可以調用func1中的所有局部變數。但是反過來就不行，func1不能調用func2內部的局部變數。這就是Javascript語言特有的範圍鏈。子級會一級一級地向上尋找所有父級的變數，最終找到全域變數為止。

　　在這個段代碼中，函數func2就是閉包。

 

三、閉包的概念

　　官方的解釋是：閉包是一個擁有許多變數和綁定了這些變數的環境的運算式（通常是一個函數），因而這些變數也是該運算式的一部分。相信很少有人能直接看懂這句話，因為他描述的太學術。

　　我們可以簡單地理解為，閉包就是能夠讀取其他函數內部變數的函數，在本質上，閉包就是將函數內部和函數外部串連起來的一座橋樑。

 

四、閉包的用途　　

　　閉包最大的用處有兩個：

　　① 可以讀取函數內部的變數

　　② 變數持久化，讓變數的值始終保持在記憶體中

　　如何來理解變數持久化呢？請看下面這段代碼：

function fn1(){    var num = 18;    function fn2(){        return ++num;    }    return fn2;}var result = fn1();console.log(result());  //得到的值為19console.log(result());  //得到的值為20  console.log(result());  //得到的值為21     

　　在這段代碼中，result實際上就是閉包fn2函數。它一共運行了三次，第一次的值是19，第二次的值是20，第三次的值是21。這證明了，函數fn1中的局部變數num一直儲存在記憶體中，並沒有在fn1調用後被自動清除。

　　為什麼會這樣呢？原因就在於fn1是fn2的父函數，而fn2被賦給了一個全域變數，這導致fn2始終在記憶體中，而fn2的存在依賴於fn1，因此fn1也始終在記憶體中，不會在調用結束後，被記憶體回收機制（garbage collection）回收。

 

五、閉包的優缺點

　　優點:

　　　　① 邏輯連續，當閉包作為另一個函數調用的參數時，避免你脫離當前邏輯而單獨編寫額外邏輯。

　　　　② 方便調用內容相關的局部變數。

　　缺點:

　　　　由於閉包會使得函數中的變數都被儲存在記憶體中，記憶體消耗很大，所以不能濫用閉包，否則會造成網頁的效能問題，在IE中可能導致記憶體泄露。解決方案是，在退出函數之前，將不使用的局部變數全部刪除。

 

　　閉包和範圍有著密不可分的關係，真的是“想說愛你不容易”！

　　全文完！

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

我眼中的JavaScript閉包