一、變量的作用域
要了解閉包,首先必須了解Javascript特殊的變量作用域。
變量的作用域無非就是兩種:全局變量和局部變量。
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
二、如何從外部讀取局部變量
出于種種原因,我們有時候需要得到函數内的局部變量。但是,前面已經說過了,正常情況下,這是辦不到的,隻有通過變通方法才能實作。
那就是在函數的内部,再定義一個函數。
function f1(){
var n=999;
function f2(){
alert(n); // 999
}
}
在上面的代碼中,函數 f 2 f2 f2 就被包括在函數 f 1 f1 f1 内部,這時 f 1 f1 f1 内部的所有局部變量,對 f 2 f2 f2 都是可見的。但是反過來就不行, f 2 f2 f2 内部的局部變量,對 f 1 f1 f1 就是不可見的。這就是Javascript語言特有的"鍊式作用域"結構(chain scope),子對象會一級一級地向上尋找所有父對象的變量。是以,父對象的所有變量,對子對象都是可見的,反之則不成立。
既然 f 2 f2 f2 可以讀取 f 1 f1 f1 中的局部變量,那麼隻要把 f 2 f2 f2 作為傳回值,我們不就可以在 f 1 f1 f1 外部讀取它的内部變量了嗎!
function f1(){
var n=999;
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
三、閉包的概念
上一節代碼中的 f 2 f2 f2 函數,就是閉包。閉包就是能夠讀取其他函數内部變量的函數。
由于在Javascript語言中,隻有函數内部的子函數才能讀取局部變量,是以可以把閉包簡單了解成"定義在一個函數内部的函數"。
是以,在本質上,閉包就是将函數内部和函數外部連接配接起來的一座橋梁。
四、閉包的用途
閉包可以用在許多地方。它的最大用處有兩個,
- 一個是前面提到的可以讀取函數内部的變量,
- 另一個就是讓這些變量的值始終保持在記憶體中。
function f1(){
var n=999;
nAdd=function(){n+=1}
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
nAdd();
result(); // 1000
在這段代碼中,result實際上就是閉包 f 2 f2 f2 函數。它一共運作了兩次,第一次的值是999,第二次的值是1000。這證明了,函數 f 1 f1 f1 中的局部變量 n n n 一直儲存在記憶體中,并沒有在 f 1 f1 f1 調用後被自動清除。
為什麼會這樣呢?原因就在于 f 1 f1 f1 是 f 2 f2 f2 的父函數,而 f 2 f2 f2 被賦給了一個全局變量,這導緻 f 2 f2 f2 始終在記憶體中,而 f 2 f2 f2 的存在依賴于 f 1 f1 f1 ,是以 f 1 f1 f1 也始終在記憶體中,不會在調用結束後,被垃圾回收機制(garbage collection)回收。
這段代碼中另一個值得注意的地方,就是"nAdd=function(){n+=1}"這一行,首先在nAdd前面沒有使用var關鍵字,是以nAdd是一個全局變量,而不是局部變量。其次,nAdd的值是一個匿名函數(anonymous function),而這個匿名函數本身也是一個閉包,是以nAdd相當于是一個setter,可以在函數外部對函數内部的局部變量進行操作。
五、使用閉包的注意點
由于閉包會使得函數中的變量都被儲存在記憶體中,閉包會阻止外部局部變量的銷毀,記憶體消耗很大,是以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導緻記憶體洩露。解決方法是,在退出函數之前,将不使用的局部變量全部删除。
閉包會在父函數外部,改變父函數内部變量的值。是以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把内部變量當作它的私有屬性(private value),這時一定要小心,不要随便改變父函數内部變量的值。