淺談JavaScript中的作用域與閉包問題_基礎知識

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，但因為它獨特的功能而保留下來。它是一個輔助手段，而不是主要功能。