DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺談JavaScript中的作用域和閉包問題
淺談JavaScript中的作用域和閉包問題
編輯:關於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,但是因為它獨特的功能而保留下來。它是一個輔助手段,而不是主要功能。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved