淺析javascript閉包 實例分析
更新時間：2010年12月25日 22:35:43 作者：
閉包是一個擁有許多變量和綁定了這些變量的環(huán)境表達式（通常是一個函數(shù)），因而這些變量也是環(huán)境表達式的一部分。
官方解釋
“閉包”是一個擁有許多變量和綁定了這些變量的環(huán)境表達式（通常是一個函數(shù)），因而這些變量也是環(huán)境表達式的一部分。
通俗解釋
Javascript中所有的函數(shù)都是一個閉包。不過一般來說，嵌套的function產生的閉包更為強大，也是大部分時候我們所說的“閉包”。看如下代碼：
<script type="text/javascript">
<!--
//外層函數(shù)a
function a(){
//臨時變量i
var i = 0;
//內層函數(shù)b
function b(){
//引用外層臨時變量i
alert(++i);
}
//執(zhí)行結果，返回內層函數(shù)b
return b;
}
//執(zhí)行外層函數(shù)a，同時給c一個指向內層函數(shù)b的引用
//若按正常理解，此語句執(zhí)行完后i將被GC回收，此時的i應為“undefine”
var c = a();
//執(zhí)行內層函數(shù)，由于閉包的緣故，函數(shù)b中i仍然引用的是外部的臨時變量i
c();
-->
</script>
這段腳本在執(zhí)行完var c=a()之后，變量c實際上就指向了函數(shù)b，b中用到了變量i，再執(zhí)行c()后就會彈出一個窗口顯示i的值。這段代碼其實就是一個閉包，為什么？因為函數(shù)a外的變量c引用了函數(shù)a內部的函數(shù)b。
Javascript的垃圾回收機制
由于javascript特殊的垃圾回收機制，才導致了閉包的產生。Javascript垃圾回收機制的大體規(guī)則如下：
在javascript中，如果一個對象不再被引用，那么這個對象就會被GC回收。如果兩個對象相互引用，而不再被第3者引用，那么這兩個互相引用的對象也會被回收。而在上述的腳本中，函數(shù)a被b引用，函數(shù)b又被函數(shù)a外的c所引用，這就是為什么函數(shù)a執(zhí)行后不被回收的原因。
閉包的應用場景
1. 保護函數(shù)內的變量安全。以上面的例子為例，函數(shù)a中變量i只有函數(shù)b才能訪問，而無法通過其他途徑訪問到，因此保護了i的安全性。
2. 在內存中維持一個變量。依然如上面的例子，由于閉包，函數(shù)a中的i一直存在于內存中，因此每次執(zhí)行c()，i都會加1。
3. 通過保護變量的安全實現(xiàn)JS私有屬性和私有方法（不能被外部訪問）。如下，私有屬性和私有方法在Constructor外是無法訪問的：
function Constructor(…){
var that = this;
var membername = value;
function membername(…){…}
}
“閉包”是一個擁有許多變量和綁定了這些變量的環(huán)境表達式（通常是一個函數(shù)），因而這些變量也是環(huán)境表達式的一部分。
通俗解釋
Javascript中所有的函數(shù)都是一個閉包。不過一般來說，嵌套的function產生的閉包更為強大，也是大部分時候我們所說的“閉包”。看如下代碼：
復制代碼 代碼如下:
<script type="text/javascript">
<!--
//外層函數(shù)a
function a(){
//臨時變量i
var i = 0;
//內層函數(shù)b
function b(){
//引用外層臨時變量i
alert(++i);
}
//執(zhí)行結果，返回內層函數(shù)b
return b;
}
//執(zhí)行外層函數(shù)a，同時給c一個指向內層函數(shù)b的引用
//若按正常理解，此語句執(zhí)行完后i將被GC回收，此時的i應為“undefine”
var c = a();
//執(zhí)行內層函數(shù)，由于閉包的緣故，函數(shù)b中i仍然引用的是外部的臨時變量i
c();
-->
</script>
這段腳本在執(zhí)行完var c=a()之后，變量c實際上就指向了函數(shù)b，b中用到了變量i，再執(zhí)行c()后就會彈出一個窗口顯示i的值。這段代碼其實就是一個閉包，為什么？因為函數(shù)a外的變量c引用了函數(shù)a內部的函數(shù)b。
Javascript的垃圾回收機制
由于javascript特殊的垃圾回收機制，才導致了閉包的產生。Javascript垃圾回收機制的大體規(guī)則如下：
在javascript中，如果一個對象不再被引用，那么這個對象就會被GC回收。如果兩個對象相互引用，而不再被第3者引用，那么這兩個互相引用的對象也會被回收。而在上述的腳本中，函數(shù)a被b引用，函數(shù)b又被函數(shù)a外的c所引用，這就是為什么函數(shù)a執(zhí)行后不被回收的原因。
閉包的應用場景
1. 保護函數(shù)內的變量安全。以上面的例子為例，函數(shù)a中變量i只有函數(shù)b才能訪問，而無法通過其他途徑訪問到，因此保護了i的安全性。
2. 在內存中維持一個變量。依然如上面的例子，由于閉包，函數(shù)a中的i一直存在于內存中，因此每次執(zhí)行c()，i都會加1。
3. 通過保護變量的安全實現(xiàn)JS私有屬性和私有方法（不能被外部訪問）。如下，私有屬性和私有方法在Constructor外是無法訪問的：
復制代碼 代碼如下:
function Constructor(…){
var that = this;
var membername = value;
function membername(…){…}
}
您可能感興趣的文章:
相關文章
這篇文章主要針對javascript模塊化為大家進行簡單解析，如何寫一個模塊，在頁面中加載模塊的方法，感興趣的小伙伴們可以參考一下2016-04-04
js當一個變量為函數(shù)時 應該注意的一點細節(jié)小結
變量testFun為一個匿名函數(shù)，匿名函數(shù)返回的一個testFun.init對象（也是一個匿名函數(shù)）2011-12-12
這篇文章主要為大家詳細介紹了原生javascript實現(xiàn)勻速運動動畫效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
利用CSS、JavaScript及Ajax實現(xiàn)高效的圖片預加載
圖片預加載想必大家都不陌生吧，實現(xiàn)預加載圖片有很多方法，包括使用CSS、JavaScript及兩者的各種組合。這些技術可根據(jù)不同設計場景設計出相應的解決方案，十分高效2013-10-10
這篇文章主要給大家介紹了關于如何用js獲得當前視頻播放狀態(tài)的相關資料,大家在日常應用場景中可能會遇到這么一個情況,需要判斷用戶是否完整的觀看完了一部視頻,需要的朋友可以參考下2023-07-07
javascript過濾數(shù)組重復元素的實現(xiàn)方法
這篇文章主要介紹了javascript過濾數(shù)組重復元素的實現(xiàn)方法的相關資料,需要的朋友可以參考下2017-05-05
獲取url上的某個參數(shù)的方法有很多，在本文為大家介紹下使用javascript是如何實現(xiàn)的，感興趣的朋友不要錯過2013-11-11
XP折疊菜單&仿QQ2006菜單...2006-12-12
JS實現(xiàn)深度優(yōu)先搜索求解兩點間最短路徑
這篇文章主要為大家詳細介紹了JS實現(xiàn)深度優(yōu)先搜索求解兩點間最短路徑，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
這篇文章主要為大家詳細介紹了JS面向對象實現(xiàn)飛機大戰(zhàn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08