JavaScript作用域與閉包的分析解說

[導讀] JavaScript的作用域以函數為界，不同的函數擁有相對獨立的作用域。函數內部可以宣告和存取全域變量，也可以宣告局部變數（使用var關鍵字，函數的參數也是局部變數），但函數外部無法存取內部的局部變數：functio

       # 
   
 
#JavaScript的作用域以函數為界，不同的函數擁有相對獨立的作用域。函數內部可以宣告和存取全域變量，也可以宣告局部變數（使用var關鍵字，函數的參數也是局部變數），但函數外部無法存取內部的局部變數：

 #function test() {var a = 0; // 局部變數
b = 1; // 全域變數
}a = ?, b =  //? a為undefined，b為1

 

 
#同名的局部變數會覆寫全域變量，但本質上它們是兩個獨立的變量，一方發生變化不會影響另一方：
a = 5; // 函數外a的值為5
function test() {
var a = 4; // 函數內a的值為4
}();
a = ? // 函數外a的值仍為5，且不受函數影響

一般而言，函數結束後，函數內部變數的參考全部結束，函數內的局部變數將會被回收，函數的執行環境將會清空，但是，如果以內部函數作為函數的回傳結果，情況就會改變：

function test(i) {​​var b = i * i;
return function() {
#return b--;
};
}
var a = test(8);a(); / / 傳回值為64， 內部變數b為63
a(); // 傳回值為63， 內部變數b為62

當以內部函數為傳回值時，因為函數結束後內部變數的參考並未結束，所以函數的局部變數無法回收，函數的執行環境被保留下來，因而形成了閉包效果，可以透過這個引用來存取本該被回收的內部變數。
閉包也使得函數的局部變數成為「私有」變量，只能透過傳回的內部函數訪問，而無法透過其他任何手段去改變。
因此，閉包可用來維持局部變數和保護變數。 不使用閉包的情況：

var a = []; // 假設a包含5個元素
for (var i = 0, m = a.length i < m; i++) {a[i].onclick = function(e) {
return 'No. ' + i;
#};
}

// 點選任何點擊一個元素，傳回值都是“No. 5”，因為i最後的值為5
使用閉包的情況：

function test(i) {​​return function(e) {
return 'No. ' + i;};}
var a = []; // 假設a包含5個元素
for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = test(i);
}

####// 使用閉包維持局部變量，點選元素回傳No. 0 ~ No. 4######閉包帶來便利的同時，也會帶來一些弊端：###1、程序複雜度增加，理解更加困難###2、幹擾正常的垃圾回收，複雜的閉包也可能導致記憶體無法回收而崩潰###3、龐大的閉包往往伴隨著效能問題###因此，閉包宜精簡小巧，而不宜龐大複雜，同時應避免大規模的使用閉包。閉包的出現，本身就是語言的一個bug，但因為它獨特的功能而保留下來。它是一個輔助手段，而不是主要功能。 ###

以上是JavaScript作用域與閉包的分析解說的詳細內容。更多資訊請關注PHP中文網其他相關文章！