JavaScript閉包（Closure）

1、變量的做用域

 

要理解閉包，首先須要理解JavaScript的變量做用域。

變量的做用域包括：全局變量和局部變量

 

• 函數內部能夠直接讀取全局變量

　　var n=999;

　　function f1(){
　　　　alert(n);
　　}

　　f1(); // 999

 

• 函數外部沒法讀取函數內的局部變量

　　function f1(){
　　　　var n=999;
　　}

　　alert(n); // error

 

• 注意：函數內部聲明變量時，若是不用var命令的話，其實是聲明瞭一個全局變量

　　function f1(){
　　　　n=999;
　　}

　　f1();

　　alert(n); // 999

 

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

 

• 要從外部獲得函數內的局部變量，能夠在函數的內部，再定義一個函數

　　function f1(){

　　　　var n=999;

　　　　function f2(){
　　　　　　alert(n); // 999
　　　　}

　　}

上面的代碼中，函數 f2 就被包括在函數 f1 內部，這時 f1 內部的全部局部變量，對 f2 都是可見的。

但反過來就不行，f2 內部的局部變量，對 f1 是不可見的。

這就是Javascript語言特有的"鏈式做用域"結構（chain scope），子對象會一級一級地向上尋找全部父對象的變量。

因此，父對象的全部變量，對子對象都是可見的，反之則不成立。

 

• 既然 f2 能夠讀取 f1 中的局部變量，那麼只要把 f2() 做爲返回值，就能夠在 f1() 外部讀取它的內部變量了

　　function f1(){

　　　　var n=999;

　　　　function f2(){
　　　　　　alert(n); 
　　　　}

　　　　return f2;

　　}

　　var result=f1();

　　result(); // 999

 

3、閉包的概念

 

上面代碼中的 f2 ，就是閉包。

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

個人理解是，閉包就是可以在一個做用域中能夠訪問另外一個做用域中的變量（即讀取其餘函數內部變量的函數）。

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

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

 

4、閉包的用途

 

• 閉包的優勢：有利於封裝，能夠訪問局部變量

• 閉包的缺點：內存佔用浪費嚴重，內存泄漏

 

閉包能夠用在許多地方。它的最大用處有兩個，一個是前面提到的能夠讀取函數內部的變量，另外一個就是讓這些變量的值始終保持在內存中。

如何理解呢？請看下面的代碼。

　　function f1(){

　　　　var n=999;

　　　　nAdd=function(){n+=1}

　　　　function f2(){
　　　　　　alert(n);
　　　　}

　　　　return f2;

　　}

　　var result=f1();

　　result(); // 999

　　nAdd();

　　result(); // 1000

在這段代碼中，result 實際上就是閉包 f2 函數。它一共運行了兩次，第一次的值是999，第二次的值是1000。

這證實了，函數 f1 中的局部變量 n 一直保存在內存中，並無在 f1 調用後被自動清除。

爲何會這樣呢？

緣由就在於 f1 是 f2 的父函數，而 f2 被賦給了一個全局變量，這致使 f2 始終在內存中，

而 f2 的存在依賴於 f1，所以 f1 也始終在內存中，不會在調用結束後，被垃圾回收機制（garbage collection）回收。

這段代碼中另外一個值得注意的地方，就是 nAdd=function(){n+=1} 這一行，

首先在 nAdd 前面沒有使用 var 關鍵字，所以 nAdd 是一個全局變量，而不是局部變量。

其次，nAdd 的值是一個匿名函數（anonymous function），而這個匿名函數自己也是一個閉包，

因此 nAdd 至關因而一個 setter，能夠在函數外部對函數內部的局部變量進行操做。

 

5、使用閉包的注意點

 

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

　　解決方法是，在退出函數以前，將不使用的局部變量所有刪除。

 

2）閉包會在父函數外部，改變父函數內部變量的值。

　　因此，若是把父函數看成對象（object）使用，把閉包看成它的公用方法（Public Method），把內部變量看成它的私有屬性（private value），這時必定要當心，不要隨便改變父函數內部變量的值。