DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺析javascript閉包 實例分析
淺析javascript閉包 實例分析
編輯:關於JavaScript     
官方解釋
“閉包”是一個擁有許多變量和綁定了這些變量的環境表達式(通常是一個函數),因而這些變量也是環境表達式的一部分。
通俗解釋
Javascript中所有的函數都是一個閉包。不過一般來說,嵌套的function產生的閉包更為強大,也是大部分時候我們所說的“閉包”。看如下代碼:
復制代碼 代碼如下:
<script type="text/javascript">
<!--
//外層函數a
function a(){
//臨時變量i
var i = 0;
//內層函數b
function b(){
//引用外層臨時變量i
alert(++i);
}
//執行結果,返回內層函數b
return b;
}
//執行外層函數a,同時給c一個指向內層函數b的引用
//若按正常理解,此語句執行完後i將被GC回收,此時的i應為“undefine”
var c = a();
//執行內層函數,由於閉包的緣故,函數b中i仍然引用的是外部的臨時變量i
c();
-->
</script>

這段腳本在執行完var c=a()之後,變量c實際上就指向了函數b,b中用到了變量i,再執行c()後就會彈出一個窗口顯示i的值。這段代碼其實就是一個閉包,為什麼?因為函數a外的變量c引用了函數a內部的函數b。
Javascript的垃圾回收機制
由於javascript特殊的垃圾回收機制,才導致了閉包的產生。Javascript垃圾回收機制的大體規則如下:
在javascript中,如果一個對象不再被引用,那麼這個對象就會被GC回收。如果兩個對象相互引用,而不再被第3者引用,那麼這兩個互相引用的對象也會被回收。而在上述的腳本中,函數a被b引用,函數b又被函數a外的c所引用,這就是為什麼函數a執行後不被回收的原因。
閉包的應用場景
1. 保護函數內的變量安全。以上面的例子為例,函數a中變量i只有函數b才能訪問,而無法通過其他途徑訪問到,因此保護了i的安全性。
2. 在內存中維持一個變量。依然如上面的例子,由於閉包,函數a中的i一直存在於內存中,因此每次執行c(),i都會加1。
3. 通過保護變量的安全實現JS私有屬性和私有方法(不能被外部訪問)。如下,私有屬性和私有方法在Constructor外是無法訪問的:
復制代碼 代碼如下:
function Constructor(…){
var that = this;
var membername = value;
function membername(…){…}
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved