分析javascript關閉

標籤：

1.什麼是閉包

1）官方解釋

一個擁有多個變數和綁定了這些變數的環境的運算式（一般是一個函數）。因而這些變數也是該運算式的一部分。

我的理解：所謂的閉包就是串連函數內部和函數外部的一座橋樑。使得在外部也可以訪問到函數內部的變數。

2）閉包的特點

A:作為一個函數變數的一個引用，當函數返回時，其處於啟用狀態。

B:一個閉包就是當一個函數返回時，一個沒有釋放資源的棧區。

 

2.閉包的用途

A:讀取函數內部變數

<span style="font-family:SimSun;font-size:18px;">function People(name) {            var name ="張三";            return function () {                alert(name);            }        }        var Job = new People();        Job();</span>

解釋：正如上述的代碼所看到的，name是定義在People中的函數，是函數People中的局部變數，而我們在外部是無法訪問到的，可是People函數返回了一個內建函式，而這個內建函式是對變數name的一個引用，這就形成了一個閉包，所以在外部也能夠訪問到People函數的內部變數（特點一）；正如上述代碼所看到的，假設name在函數People調用完後不能再訪問的話，則將被釋放。而在本例中卻被還有一個函數所返回，所以還會包括在棧中（特點二）。

B：儲存變數始終在記憶體中

這也是閉包的不利處之所在地，由於閉包會使得函數中的變數儲存在記憶體中，記憶體消耗非常大，所以不能濫用閉包。否則會造成網頁載入緩慢問題等，解決辦法就是在退出函數之前，來銷毀不使用的局部變數。

 

3.思考題

1）範例1

<span style="font-family:SimSun;font-size:18px;">function Test1() {            var a = 0;            function Test2() {                a++;                alert(a);            }        }        Test2();//是錯誤的。範圍在Test1，外部無法訪問到</span>

2）改動後

<span style="font-family:SimSun;font-size:18px;">function Test1() {            var a = 0;            function Test2() {                a++;                alert(a);            }            return Test2; //改動操作例如以下        }        var obj = Test1();        obj();//返回1        obj();//返回2          var obj2 = Test1();        obj2();//返回1        obj2();//返回2</span>

4.小結

以上就是對閉包的所有理解。簡單的一句話：閉包就是搭建外部函數與內建函式的橋樑。

上述僅僅是對閉包的一點點瞭解。有疑問之處，還請多多指正。



著作權聲明：本文部落格原創文章，部落格，未經同意，不得轉載。

分析javascript關閉