JavaScript閉包(closure)

標籤：alert   例子   define   應用   return   cti   內建函式   color   聲明變數   

閉包（closure）

閉包是javascript語言的一個痛點，需要有足夠的邏輯思維能力。

一、變數的範圍

變數分為兩種：全域變數和局部變數。

1.在函數內部是可以直接讀取到全域變數的，如下：

var  n = 10;function fn(){        alert(n);}fn();alert結果為10.

2.在函數外部肯定是無法讀取到函數內的局部變數的，如下

function f(){    var n = 20;}
f();alert(n);程式會報錯：n is no defined.

注意：大家在這個地方需要注意是，在函數內部聲明變數的時候，一定加var。如果不加，相當於聲明了一個全域變數。

二、如何在外部可以讀取到局部變數了。

我們這裡就引入這個閉包，來實現，就是在一個函數內在引入一個函數。

function f1(){    var n = 10;    function f2(){        alert (n);    }    return f2;}var result = f1();result();  結果就為：10

三、什麼叫閉包

閉包:就是能夠讀取其它函數內建函式的變數。

其實可以簡單的理解為：定義在一個函數內部的函數，像比如上面例子中的函數f2()。

閉包在本質上就是將函數內部和函數外部串連在一起的橋樑。

四、閉包的用處

1.可以讀取函數內部的變數。

2.變數持久化（變數的值始終會儲存在記憶體中）。

function f1(){    var n = 10;    return function(){        n++;        alert(n);    }}var result = f1();   //外部函數賦給變數result;result();  //result函數第一次執行，結果為11；result();  //result函數第二次執行，結果為12，實現了累加，

上面這個例子就完美詮釋了變數的持久化。

3.模組化代碼，減少全域變數的汙染。

 

var abc = (function(){   //abc為外部匿名函數的傳回值    var a = 1;    return function(){        a++;        alert(a);    }})();abc();  //2 ；調用一次abc函數，其實是調用裡面內建函式的傳回值  abc();  //3

 五、使用閉包應注意的問題

1.由於閉包會使函數內部中的變數都儲存在來，記憶體消耗很大。所以不能濫用閉包，否則會造成網頁的效能問題。

 

六、最後告訴大家：其實閉包是Javascript語言的一個痛點，也是它的特色，很多進階應用程式才會用到閉包，所以剛學的同學不懂也不要著急，在以後的不斷學習中，會慢慢理解的！ 

JavaScript閉包(closure)