UI培訓(xùn)之JavaScript的作用域與閉包

更新時間:2016年03月23日17時41分來源:傳智播客UI培訓(xùn)學(xué)院瀏覽次數(shù):

1.1 JavaScript的作用域與閉包

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

function test() {

var a = 0; // 局部變量

b = 1; // 全局變量

}

a = ?, b = ? // a為undefined，b為1

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

a = 5; // 函數(shù)外a的值為5

function test() {

var a = 4; // 函數(shù)內(nèi)a的值為4

}();

a = ? // 函數(shù)外a的值仍為5，不受函數(shù)影響

一般而言，函數(shù)結(jié)束后，對函數(shù)內(nèi)部變量的引用全部結(jié)束，函數(shù)內(nèi)的局部變量將被回收，函數(shù)的執(zhí)行環(huán)境將被清空，但是，如果以內(nèi)部函數(shù)作為函數(shù)的返回結(jié)果，情況就會發(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ù)結(jié)束后內(nèi)部變量的引用并未結(jié)束，所以函數(shù)的局部變量無法回收，函數(shù)的執(zhí)行環(huán)境被保留下來，因而形成了閉包效果，可以通過該引用訪問本該被回收的內(nèi)部變量。

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

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

不使用閉包的情況：

var a = []; // 假設(shè)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) {