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

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

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

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

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

var a = 1;

if(a) {
    var b = 2;
}

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

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

作用域是一個很抽象的概念，類似于一個“地盤”：

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

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

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

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

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

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

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