深入淺出理解JavaScript閉包的功能與用法

本文實例講述了JavaScript閉包的功能與用法。分享給大家供大家參考，具體如下：

理解閉包關(guān)鍵是理解JS的對象的本質(zhì)以及垃圾收集機制。函數(shù)也是對象，也有屬性，通常執(zhí)行一個函數(shù)時，局部變量在函數(shù)執(zhí)行完后，內(nèi)存會被回收，這是JS的垃圾收集機制決定的，如果想保存局部變量所占用的內(nèi)存，就必須把保存在另一個不被回收的變量中，通常是全局變量。函數(shù)在創(chuàng)建時，內(nèi)部屬性[[Scope]]保存了作用域鏈，作用域鏈中包含外部函數(shù)以及全局對象的變量，被稱為變量對象。所以把內(nèi)部函數(shù)返回時，由于把函數(shù)保存了，所以內(nèi)部屬性[[Scope]]所保存的變量對象也就保存了而沒有被回收，因此局部變量也就被保存了。

最簡單的閉包：

function f1() {
 var i = 0;
 return function () {
 var j = 0;
 i++;
 console.log(i,j);
 };
}
var fn = f1();
fn();//1 0
fn();//2 0

還有諸如給元素添加事件，事件函數(shù)保存著外部函數(shù)的變量，通過這個特性可以讓按鈕顯示被點擊次數(shù)。

當(dāng)然可以創(chuàng)建多層閉包，最內(nèi)部函數(shù)保存所有外部函數(shù)以及全局對象的變量，但并不是任何地方都用閉包，因為其始終都帶有[[Scope]]屬性，所有比較占內(nèi)存，所以在需要的時候才用。

閉包在模塊化編程，為函數(shù)或?qū)ο髣?chuàng)建私有變量的時候非常有用，可以避免全局污染以及變量命名沖突的問題。

值得注意的是因為[[Scope]]與函數(shù)有關(guān)，如上述例子，在兩次執(zhí)行f1函數(shù)把返回的函數(shù)保存在不同的變量中，其外部函數(shù)的變量是互不影響的。如：

function f1() {
 var i = 0;
 return function () {
 var j = 0;
 i++;
 console.log(i,j);
 };
}
var fn = f1();
fn();//1 0
fn();//2 0
var fn1 = f1();
fn1();//1 0
fn(); //3 0
fn1();//2 0

感興趣的朋友可以使用在線HTML/CSS/JavaScript前端代碼調(diào)試運行工具：http://tools.jb51.net/code/WebCodeRun測試一下上述代碼的運行效果，以加深對javascript閉包的認識。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com