我們來看看閉包的用途。事實上,透過使用閉包,我們可以做很多事情。例如模擬物件導向的程式碼風格;更優雅,更簡潔的表達出程式碼;在某些方面提升程式碼的執行效率。
1 匿名自執行函數
我們知道所有的變量,如果不加上var關鍵字,則預設的會添加到全域物件的屬性上去,這樣的臨時變數加入全域物件有很多壞處,
例如:別的函數可能誤用這些變數;造成全域物件過於龐大,影響存取速度(因為變數的取值是需要從原型鏈上遍歷的)。
除了每次使用變數都是用var關鍵字外,我們在實際情況下經常遇到這樣一種情況,即有的函數只需要執行一次,其內部變數無需維護,
例如UI的初始化,那我們可以使用閉包:
var datamodel = {
table : [],
tree : {}
};
(function(dm){
for(var i = 0; i
var row = dm.table.rows[i];
for(var j = 0; j
drawCell(i, j);
}
}
//build dm.tree
})(datamodel);
我們創建了一個匿名的函數,並立即執行它,由於外部無法引用它內部的變量,
因此在執行完後很快就會被釋放,關鍵在於這種機制不會污染全域物件。
2快取
再來看一個例子,設想我們有一個處理過程很耗時的函數對象,每次呼叫都會花費很長時間,
那我們就需要將計算出來的值儲存起來,當呼叫這個函數的時候,先在快取中查找,如果找不到,則進行計算,
然後更新快取並傳回值,如果找到了,直接返回查找到的值即可。閉包正是可以做到這一點,因為它不會釋放外部的引用,
從而函數內部的值可以得以保留。
var CachedSearchBox = (function(){
var cache = {},
count = [];
return {
attachSearchBox : function(dsid){
if(dsid in cache){//若結果在快取
return cache[dsid];//直接回傳快取中的物件
}
var fsb = new uikit.webctrl.SearchBox(dsid);//新建
cache[dsid] = fsb;//更新快取
if(count.length > 100){//保留快取的大小
delete cache[count.shift()];
}
return fsb;
},
clearSearchBox : function(dsid){
if(dsid in cache){
cache[dsid].clearSelection();
}
}
};
})();
CachedSearchBox.attachSearchBox("input1");
這樣,當我們第二次呼叫CachedSearchBox.attachSerachBox(“input1”)的時候,
我們就可以從快取中取道該對象,而不用再去創建一個新的searchbox對象。
3 實現封裝
可以先來看一個關於封裝的例子,在person之外的地方無法存取其內部的變量,而透過提供閉包的形式來存取:
var person = function(){
//變數作用域為函數內部,外部無法存取
var name = "default";
return {
getName : function(){
return name;
},
setName : function(newName){
name = newName;
}
}
}();
print(person.name);//直接訪問,結果為undefined
print(person.getName());
person.setName("abruzzi");
print(person.getName());
得到結果如下:
undefined
default
abruzzi
4 閉包的另一個重要用途是實現物件導向中的對象,傳統的對象語言都提供類別的模板機制,
這樣不同的物件(類別的實例)擁有獨立的成員及狀態,互不干涉。雖然JavaScript中沒有類別這樣的機制,但透過使用閉包,
我們可以模擬出這樣的機制。還是以上邊的例子來講:
function Person(){
var name = "default";
return {
getName : function(){
return name;
},
setName : function(newName){
name = newName;
}
}
};
var john = Person();
print(john.getName());
john.setName("john");
print(john.getName());
var jack = Person();
print(jack.getName());
jack.setName("jack");
print(jack.getName());
運作結果如下:
default
john
default
jack
由此程式碼可知,john和jack都可以稱為是Person這個類別的實例,因為這兩個實例對name這個成員的存取是獨立的,互不影響的。
以上便是js閉包的作用了,非常簡單易懂吧,希望對小夥伴們有所幫助