什麼是閉包
「官方」的解釋是:所謂「閉包」,指的是一個擁有許多變量和綁定了這些變量的環境的表達式(一般是一個函數),於是這些變量也是該表達式的一部分。
相信不多有人能直接看懂這句話,由於他描述的太學術。我想用如何在Javascript中建立一個閉包來告訴你什麼是閉包,由於跳過閉包的建立過程直接理解閉包的定義是很是困難的。看下面這段
代碼
1
2
3
4
5
6
7
8
9
|
function
a(){
var
i=0;
function
b(){
alert(++i);
}
return
b;
}
var
c=a();
c();
|
特色
這段代碼有兩個特色:
一、函數b嵌套在函數a內部;
二、函數a返回函數b。
這樣在執行完var c=a( )後,變量c其實是指向了函數b,再執行c( )後就會彈出一個窗口顯示i的值(第一次爲1)。這段代碼其實就建立了一個閉包,爲何?由於函數a外的變量c引用了函數a內的函數b,就是說:
當函數a的內部函數b被函數a外的一個變量引用的時候,就建立了一個閉包。
做用
簡而言之,閉包的做用就是在a執行完並返回後,閉包使得Javascript的垃圾回收機制不會收回a所佔用的資源,由於a的內部函數b的執行須要依賴a中的變量。這是對閉包做用的很是直白的描述,不專業也不嚴謹,但大概意思就是這樣,理解閉包須要按部就班的過程。
在上面的例子中,因爲閉包的存在使得函數a返回後,a中的i始終存在,這樣每次執行c(),i都是自加1後alert出i的值。
那 麼咱們來想象另外一種狀況,若是a返回的不是函數b,狀況就徹底不一樣了。由於a執行完後,b沒有被返回給a的外界,只是被a所引用,而此時a也只會被b引 用,所以函數a和b互相引用但又不被外界打擾(被外界引用),函數a和b就會被回收。(關於Javascript的垃圾回收機制將在後面詳細介紹)
另外一個例子
模擬私有變量
function Counter(start){
var count = start;
return{
increment:function(){
count++;
},
get:function(){
return count;
}
}
}
var foo =Counter(4);
foo.increment();
foo.get();// 5
結果
這裏,Counter 函數返回兩個閉包,函數 increment 和函數 get。 這兩個函數都維持着 對外部做用域 Counter 的引用,所以總能夠訪問此做用域內定義的變量 count.