淺析javascript閉包 實例分析
更新時間:2010年12月25日 22:35:43 作者:
閉包是一個擁有許多變量和綁定了這些變量的環(huán)境表達(dá)式(通常是一個函數(shù)),因而這些變量也是環(huán)境表達(dá)式的一部分。
官方解釋
“閉包”是一個擁有許多變量和綁定了這些變量的環(huán)境表達(dá)式(通常是一個函數(shù)),因而這些變量也是環(huán)境表達(dá)式的一部分。
通俗解釋
Javascript中所有的函數(shù)都是一個閉包。不過一般來說,嵌套的function產(chǎn)生的閉包更為強(qiáng)大,也是大部分時候我們所說的“閉包”??慈缦麓a:
<script type="text/javascript">
<!--
//外層函數(shù)a
function a(){
//臨時變量i
var i = 0;
//內(nèi)層函數(shù)b
function b(){
//引用外層臨時變量i
alert(++i);
}
//執(zhí)行結(jié)果,返回內(nèi)層函數(shù)b
return b;
}
//執(zhí)行外層函數(shù)a,同時給c一個指向內(nèi)層函數(shù)b的引用
//若按正常理解,此語句執(zhí)行完后i將被GC回收,此時的i應(yīng)為“undefine”
var c = a();
//執(zhí)行內(nèi)層函數(shù),由于閉包的緣故,函數(shù)b中i仍然引用的是外部的臨時變量i
c();
-->
</script>
這段腳本在執(zhí)行完var c=a()之后,變量c實際上就指向了函數(shù)b,b中用到了變量i,再執(zhí)行c()后就會彈出一個窗口顯示i的值。這段代碼其實就是一個閉包,為什么?因為函數(shù)a外的變量c引用了函數(shù)a內(nèi)部的函數(shù)b。
Javascript的垃圾回收機(jī)制
由于javascript特殊的垃圾回收機(jī)制,才導(dǎo)致了閉包的產(chǎn)生。Javascript垃圾回收機(jī)制的大體規(guī)則如下:
在javascript中,如果一個對象不再被引用,那么這個對象就會被GC回收。如果兩個對象相互引用,而不再被第3者引用,那么這兩個互相引用的對象也會被回收。而在上述的腳本中,函數(shù)a被b引用,函數(shù)b又被函數(shù)a外的c所引用,這就是為什么函數(shù)a執(zhí)行后不被回收的原因。
閉包的應(yīng)用場景
1. 保護(hù)函數(shù)內(nèi)的變量安全。以上面的例子為例,函數(shù)a中變量i只有函數(shù)b才能訪問,而無法通過其他途徑訪問到,因此保護(hù)了i的安全性。
2. 在內(nèi)存中維持一個變量。依然如上面的例子,由于閉包,函數(shù)a中的i一直存在于內(nèi)存中,因此每次執(zhí)行c(),i都會加1。
3. 通過保護(hù)變量的安全實現(xiàn)JS私有屬性和私有方法(不能被外部訪問)。如下,私有屬性和私有方法在Constructor外是無法訪問的:
function Constructor(…){
var that = this;
var membername = value;
function membername(…){…}
}
“閉包”是一個擁有許多變量和綁定了這些變量的環(huán)境表達(dá)式(通常是一個函數(shù)),因而這些變量也是環(huán)境表達(dá)式的一部分。
通俗解釋
Javascript中所有的函數(shù)都是一個閉包。不過一般來說,嵌套的function產(chǎn)生的閉包更為強(qiáng)大,也是大部分時候我們所說的“閉包”??慈缦麓a:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
<!--
//外層函數(shù)a
function a(){
//臨時變量i
var i = 0;
//內(nèi)層函數(shù)b
function b(){
//引用外層臨時變量i
alert(++i);
}
//執(zhí)行結(jié)果,返回內(nèi)層函數(shù)b
return b;
}
//執(zhí)行外層函數(shù)a,同時給c一個指向內(nèi)層函數(shù)b的引用
//若按正常理解,此語句執(zhí)行完后i將被GC回收,此時的i應(yīng)為“undefine”
var c = a();
//執(zhí)行內(nèi)層函數(shù),由于閉包的緣故,函數(shù)b中i仍然引用的是外部的臨時變量i
c();
-->
</script>
這段腳本在執(zhí)行完var c=a()之后,變量c實際上就指向了函數(shù)b,b中用到了變量i,再執(zhí)行c()后就會彈出一個窗口顯示i的值。這段代碼其實就是一個閉包,為什么?因為函數(shù)a外的變量c引用了函數(shù)a內(nèi)部的函數(shù)b。
Javascript的垃圾回收機(jī)制
由于javascript特殊的垃圾回收機(jī)制,才導(dǎo)致了閉包的產(chǎn)生。Javascript垃圾回收機(jī)制的大體規(guī)則如下:
在javascript中,如果一個對象不再被引用,那么這個對象就會被GC回收。如果兩個對象相互引用,而不再被第3者引用,那么這兩個互相引用的對象也會被回收。而在上述的腳本中,函數(shù)a被b引用,函數(shù)b又被函數(shù)a外的c所引用,這就是為什么函數(shù)a執(zhí)行后不被回收的原因。
閉包的應(yīng)用場景
1. 保護(hù)函數(shù)內(nèi)的變量安全。以上面的例子為例,函數(shù)a中變量i只有函數(shù)b才能訪問,而無法通過其他途徑訪問到,因此保護(hù)了i的安全性。
2. 在內(nèi)存中維持一個變量。依然如上面的例子,由于閉包,函數(shù)a中的i一直存在于內(nèi)存中,因此每次執(zhí)行c(),i都會加1。
3. 通過保護(hù)變量的安全實現(xiàn)JS私有屬性和私有方法(不能被外部訪問)。如下,私有屬性和私有方法在Constructor外是無法訪問的:
復(fù)制代碼 代碼如下:
function Constructor(…){
var that = this;
var membername = value;
function membername(…){…}
}
您可能感興趣的文章:
- javascript深入理解js閉包
- 深入理解Javascript閉包 新手版
- Javascript閉包演示代碼小結(jié)
- JavaScript 匿名函數(shù)(anonymous function)與閉包(closure)
- JavaScript閉包 懂不懂由你反正我是懂了
- JavaScript中的作用域鏈和閉包
- 深入Javascript函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對象與作用域鏈)使用詳解
- javascript閉包的高級使用方法實例
- JavaScript閉包函數(shù)訪問外部變量的方法
- 詳談JavaScript 匿名函數(shù)及閉包
- JavaScript閉包詳解
相關(guān)文章
基于BootStrap Metronic開發(fā)框架經(jīng)驗小結(jié)【六】對話框及提示框的處理和優(yōu)化
這篇文章主要介紹了基于BootStrap Metronic開發(fā)框架經(jīng)驗小結(jié)【六】對話框及提示框的處理和優(yōu)化的相關(guān)知識,主要對比說明在Bootstrap開發(fā)中用到的這些技術(shù)要點,對此文感興趣的朋友一起學(xué)習(xí)吧2016-05-05Javascript實現(xiàn)多彩雪花從天降散落效果的方法
這篇文章主要介紹了Javascript實現(xiàn)多彩雪花從天降散落效果的方法,可實現(xiàn)雪花飄落及散開的效果,非常炫目華麗,需要的朋友可以參考下2015-02-02