快捷導(dǎo)航

淺談JavaScript中的作用域和閉包問(wèn)題

更新時(shí)間：2015年07月07日 08:59:27 投稿：goldensun

這篇文章主要介紹了JavaScript中的作用域和閉包問(wèn)題,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下

JavaScript的作用域以函數(shù)為界，不同的函數(shù)擁有相對(duì)獨(dú)立的作用域。函數(shù)內(nèi)部可以聲明和訪問(wèn)全局變量，也可以聲明局部變量（使用var關(guān)鍵字，函數(shù)的參數(shù)也是局部變量），但函數(shù)外部無(wú)法訪問(wèn)內(nèi)部的局部變量：

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

同名的局部變量會(huì)覆蓋全局變量，但本質(zhì)上它們是兩個(gè)獨(dú)立的變量，一方發(fā)生變化不會(huì)影響另一方：

a = 5; // 函數(shù)外a的值為5
function test() {
var a = 4; // 函數(shù)內(nèi)a的值為4
}();
a = ? // 函數(shù)外a的值仍為5，不受函數(shù)影響

一般而言，函數(shù)結(jié)束后，對(duì)函數(shù)內(nèi)部變量的引用全部結(jié)束，函數(shù)內(nèi)的局部變量將被回收，函數(shù)的執(zhí)行環(huán)境將被清空，但是，如果以內(nèi)部函數(shù)作為函數(shù)的返回結(jié)果，情況就會(huì)發(fā)生變化：

function test(i) {
var b = i * i;
return function() {
return b--;
};
}
var a = test(8);
a(); // 返回值為64， 內(nèi)部變量b為63
a(); // 返回值為63， 內(nèi)部變量b為62

當(dāng)以內(nèi)部函數(shù)作為返回值時(shí)，因?yàn)楹瘮?shù)結(jié)束后內(nèi)部變量的引用并未結(jié)束，所以函數(shù)的局部變量無(wú)法回收，函數(shù)的執(zhí)行環(huán)境被保留下來(lái)，因而形成了閉包效果，可以通過(guò)該引用訪問(wèn)本該被回收的內(nèi)部變量。
閉包還使得函數(shù)的局部變量成為“私有”變量，只能通過(guò)返回的內(nèi)部函數(shù)訪問(wèn)，而無(wú)法通過(guò)其他任何手段去改變。
因此，閉包可用于維持局部變量和保護(hù)變量。
不使用閉包的情況：

var a = []; // 假設(shè)a中包含5個(gè)元素
for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = function(e) {
return 'No. ' + i;
};
}
// 點(diǎn)擊任何一個(gè)元素，返回值都是“No. 5”，因?yàn)閕最后的值為5
使用閉包的情況：
function test(i) {
return function(e) {
return 'No. ' + i;
};
}
var a = []; // 假設(shè)a中包含5個(gè)元素
for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = test(i);
}
// 使用閉包維持局部變量，點(diǎn)擊元素返回No. 0 ~ No. 4

閉包帶來(lái)便利的同時(shí)，也會(huì)帶來(lái)一些弊端：
1、程序復(fù)雜度增加，理解更加困難
2、干擾正常的垃圾回收，復(fù)雜的閉包還可能導(dǎo)致內(nèi)存無(wú)法回收而崩潰
3、龐大的閉包往往伴隨著性能問(wèn)題
因此，閉包宜精簡(jiǎn)小巧，而不宜龐大復(fù)雜，同時(shí)應(yīng)避免大規(guī)模的使用閉包。閉包的出現(xiàn)，本身是語(yǔ)言的一個(gè)bug，但是因?yàn)樗?dú)特的功能而保留下來(lái)。它是一個(gè)輔助手段，而不是主要功能。

您可能感興趣的文章: