1.說到閉包,首先要知道作用域問題
變量的作用域有兩種:全局變量和局部變量。下面介紹一下作用:
在js中,函數內部可以直接讀取全局變量。
var n=999;
function f1(){
alert(n);
}
f1(); // 999
but,在函數外部自然無法讀取函數內的局部變量。
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
}
}
三、閉包定義
閉包就是能夠讀取其他函數內部變量的函數。只有函數內部的子函數才能讀取局部變量,因此可以把閉包簡單理解成"定義在一個函數內部的函數"。在本質上,閉包就是將函數內部和函數外部連接起來的一座橋樑。
四、閉包的用途
1.前面提到的可以讀取函數內部的變量,2.讓這些變量的值始終保持在內存中。
function f1(){
var n=999;
nAdd=function(){n+=1}
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
nAdd();
result(); // 1000
f1是f2的父函數,而f2被賦給了一個全局變量,這導致f2始終在內存中,而f2的存在依賴於f1,因此f1也始終在內存中,不會在調用結束後,被垃圾回收機制(garbage collection)回收。
五、使用閉包的注意點
1)由於閉包會使得函數中的變量都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變量全部刪除。
2)閉包會在父函數外部,改變父函數內部變量的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變量當作它的私有屬性(private value),這時一定要小心,不要隨便改變父函數內部變量的值。
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
alert(object.getNameFunc()());