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