1、什麼是閉包
閉包是有權存取另一個函數作用域的變數的函數。
簡單的說,Javascript允許使用內部函數---即函數定義和函數表達式位於另一個函數的函數體內。而且,這些內部函數可以存取它們所在的外部函數中聲明的所有局部變數、參數和聲明的其他內部函數。當其中一個這樣的內部函數在包含它們的外部函數之外被呼叫時,就會形成閉包。
2、變數的作用域
要理解閉包,首先要理解變數的作用域。
變數的作用域無非就是兩種:全域變數和局部變數。
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
3、閉包的幾種寫法和用法
3.1、給函數添加一些屬性
function Circle(r) { this.r = r; } Circle.PI = 3.14159; Circle.prototype.area = function() { return Circle.PI * this.r * this.r; } var c = new Circle(1.0); alert(c.area()); //3.14159
。
var Circle = function() { var obj = new Object(); obj.PI = 3.14159; obj.area = function( r ) { return this.PI * r * r; } return obj; } var c = new Circle(); alert( c.area( 1.0 ) ); //3.14159
var Circle={ "PI":3.14159, "area":function(r){ return this.PI * r * r; } }; alert( Circle.area(1.0) );//3.14159
function f1(){ var n=999; function f2(){ alert(n); // 999 } }
function f1(){ var n=999; function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999
function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999 nAdd(); result(); // 1000
var name = "The window"; var object = { name:"My object", getNameFun:function(){ return function(){ return this.name; }; } }; alert(object.getNameFun(){}); //"The window"(在非严格模式下)
var name = "The window"; var object = { name:"My object", getNameFun:function(){ var that = this; return function(){ return that.name; }; } }; alert(object.getNameFun(){}); //“My object”
function assignHandler(){ var element = document.getElementById("someElement"); element.onclick = function(){ alert(element.id); } }
function assignHandler(){ var element = document.getElementById("someElement"); var id = element.id; element.onclick = function(){ alert(id); } element = null; }
以上程式碼,實作閉包不直接引用element,包含函數的活動物件中也會保存一個參考。因此,有必要把element的變數設為null,這樣就可以正常回收其佔用的記憶體。
7、使用閉包的注意點
1)由於閉包會使得函數中的變數都被保存在記憶體中,記憶體消耗很大,所以不能濫用閉包,否則會造成網頁的效能問題,在IE中可能導致記憶體外洩。解決方法是,在退出函數之前,將不使用的局部變數全部刪除。
2)閉包會在父函數外部,改變父函數內部變數的值。所以,如果你把父函數當作物件(object)使用,把閉包當作它的公用方法(Public Method),把內部變數當作它的私有屬性(private value),這時一定要小心,不要隨便改變父函數內部變數的值。
以上所述是小編給大家介紹的JavaScript中閉包的寫法和作用詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持!
更多JavaScript中閉包的寫法和作用詳解相關文章請關注PHP中文網!