這篇文章主要介紹了JavaScript中的作用域和閉包問題,是JS入門學習中的基礎知識,需要的朋友可以參考下

JavaScript的作用域以函數為界，不同的函數擁有相對獨立的作用域。函數內部可以聲明和訪問全局變量，也可以聲明局部變量(使用var關鍵字，函數的參數也是局部變量)，但函數外部無法訪問內部的局部變量：

1. function test() { 
2. var a = 0; // 局部變量 
3. b = 1; // 全局變量 
4. } 
5. a = ?, b = ? // a為undefined，b為1 

同名的局部變量會覆蓋全局變量，但本質上它們是兩個獨立的變量，一方發生變化不會影響另一方：

1. a = 5; // 函數外a的值為5 
2. function test() { 
3. var a = 4; // 函數內a的值為4 
4. }(); 
5. a = ? // 函數外a的值仍為5，不受函數影響 

一般而言，函數結束后，對函數內部變量的引用全部結束，函數內的局部變量將被回收，函數的執行環境將被清空，但是，如果以內部函數作為函數的返回結果，情況就會發生變化：

1. function test(i) { 
2. var b = i * i; 
3. return function() { 
4. return b--; 
5. }; 
6. } 
7. var a = test(8); 
8. a(); // 返回值為64， 內部變量b為63 
9. a(); // 返回值為63， 內部變量b為62 

當以內部函數作為返回值時，因為函數結束后內部變量的引用并未結束，所以函數的局部變量無法回收，函數的執行環境被保留下來，因而形成了閉包效果，可以通過該引用訪問本該被回收的內部變量。

閉包還使得函數的局部變量成為“私有”變量，只能通過返回的內部函數訪問，而無法通過其他任何手段去改變。

因此，閉包可用于維持局部變量和保護變量。

不使用閉包的情況：

1. var a = []; // 假設a中包含5個元素 
2. for (var i = 0, m = a.length; i < m; i++) { 
3. a[i].onclick = function(e) { 
4. return 'No. ' + i; 
5. }; 
6. } 
7. // 點擊任何一個元素，返回值都是“No. 5”，因為i最后的值為5 
8. 使用閉包的情況： 
9. function test(i) { 
10. return function(e) { 
11. return 'No. ' + i; 
12. }; 
13. } 
14. var a = []; // 假設a中包含5個元素 
15. for (var i = 0, m = a.length; i < m; i++) { 
16. a[i].onclick = test(i); 
17. } 
18. // 使用閉包維持局部變量，點擊元素返回No. 0 ~ No. 4 

閉包帶來便利的同時，也會帶來一些弊端：

1、程序復雜度增加，理解更加困難

2、干擾正常的垃圾回收，復雜的閉包還可能導致內存無法回收而崩潰

3、龐大的閉包往往伴隨著性能問題

因此，閉包宜精簡小巧，而不宜龐大復雜，同時應避免大規模的使用閉包。閉包的出現，本身是語言的一個bug，但是因為它獨特的功能而保留下來。它是一個輔助手段，而不是主要功能。