深入理解JavaScript (3) —— 作用域

jerry 發(fā)布于2019-08-22 11:04 / 1957人閱讀

摘要：針對(duì)有經(jīng)驗(yàn)的開(kāi)發(fā)者，糾正一個(gè)過(guò)時(shí)的理解你可能聽(tīng)過(guò)這句話沒(méi)有塊級(jí)作用域。詳見(jiàn)而且，在不使用新語(yǔ)法的前提下，沒(méi)有塊級(jí)作用域的正確理解應(yīng)該是只有全局作用域和函數(shù)作用域。各自的作用域下，用各自的。

針對(duì)有經(jīng)驗(yàn)的開(kāi)發(fā)者，糾正一個(gè)過(guò)時(shí)的理解：你可能聽(tīng)過(guò)這句話“javascript沒(méi)有塊級(jí)作用域”。所謂“塊”，就是大括號(hào)“｛｝”中間的語(yǔ)句。誠(chéng)然，在ES6之前，這句話是完全正確的，但ES中新增的兩個(gè)命令let和const，改變了這種狀態(tài)，使得js也有了塊級(jí)作用域的概念。詳見(jiàn)：http://www.cnblogs.com/giggle...

而且，在不使用ES6新語(yǔ)法的前提下，“javascript沒(méi)有塊級(jí)作用域”的正確理解應(yīng)該是“javascript只有全局作用域和函數(shù)作用域”。

var a = 1;

if(a) {
    var b = 2;
}

for (var c = 3; c < 10; c++) {
    //......
}

所以，上述代碼中的a、b、c皆是全局作用域中的全局變量。

作用域是一個(gè)很抽象的概念，類似于一個(gè)“地盤(pán)”：

如上圖，全局代碼和fn、bar兩個(gè)函數(shù)都會(huì)形成一個(gè)作用域。而且，作用域有上下級(jí)的關(guān)系，上下級(jí)關(guān)系的確定就看函數(shù)是在哪個(gè)作用域下創(chuàng)建的。例如，fn作用域下創(chuàng)建了bar函數(shù)，那么“fn作用域”就是“bar作用域”的上級(jí)。

作用域最大的用處就是隔離變量，不同作用域下同名變量不會(huì)有沖突。例如以上代碼中，三個(gè)作用域下都聲明了“a”這個(gè)變量，但是他們不會(huì)有沖突。各自的作用域下，用各自的“a”。

與執(zhí)行上下文環(huán)境的關(guān)系：

作用域只是一個(gè)“地盤(pán)”，一個(gè)抽象的概念，代碼寫(xiě)完就已經(jīng)將其確定了，是一直存在的，其中沒(méi)有變量，要通過(guò)作用域?qū)?yīng)的執(zhí)行上下文環(huán)境來(lái)獲取變量的值。

執(zhí)行上下文環(huán)境類似于一個(gè)“對(duì)象”，代碼預(yù)處理完才會(huì)生成，存在被“創(chuàng)建”或被“銷毀”的概念，里邊存放聲明的變量。

同一個(gè)作用域下，不同的調(diào)用會(huì)產(chǎn)生不同的執(zhí)行上下文環(huán)境，繼而產(chǎn)生不同的變量的值。

如果要查找一個(gè)作用域下某個(gè)變量的值，就需要找到這個(gè)作用域?qū)?yīng)的執(zhí)行上下文環(huán)境，再在其中尋找變量的值。