作用域、作用域鏈、詞法作用域
在 JAVAscript 中，函數(shù)和對象都是變量，作用域決定了代碼不同部分的變量的可訪問性。
有趣的是，當(dāng)我們開始更好地理解作用域時，我們可以在不同的作用域中使用相同的變量名，而不會發(fā)生任何沖突等等……
范圍分為三種，
- 全球范圍，
- 功能或局部范圍，
- 塊范圍，
全球范圍
在函數(shù)外部聲明的變量稱為全局范圍，我們可以從代碼的任何部分訪問這些變量。
這里要注意的是我們可以訪問在全局范圍內(nèi)聲明的變量，在代碼的任何范圍內(nèi)，如函數(shù)或塊范圍。
功能或本地范圍
在函數(shù)內(nèi)部聲明的變量是局部作用域，我們無法在函數(shù)外部訪問這些變量，這些變量僅限于該特定函數(shù)。
var bikeName = "Jarvis"; // declared in global scopefunction bikerDetails(){ var bikerName = "TTF"; // declared in functional or local scope console.log(bikerName + " loves " + bikeName);}bikerDetails();
在上面的代碼中，bikeName是在全局范圍內(nèi)聲明的，我們可以從代碼的任何部分訪問bikeName，變量bikerName是在bikerDetails函數(shù)內(nèi)部聲明的，我們不能從外部訪問bikerName。
塊范圍
這是在 ES6 中引入的，大括號稱為代碼塊，其中在塊內(nèi)使用 let 和 const 聲明的變量只能在塊內(nèi)訪問。
在 ES6 之前的傳統(tǒng) JavaScript 中，在 var 中聲明的變量要么是函數(shù)作用域，要么是全局作用域，取決于它的聲明位置，因此當(dāng)花括號塊不像其他語言那樣形成作用域時，這可能會非常棘手和混亂。
const raining = 1;if(raining){ var action = "off the AC";}else{ var action = "let the AC run";}console.log(action);
在上面的 var 示例中，它是全局作用域，我們可以從代碼的任何部分訪問 var 操作，為了避免這種混淆，在 ES6 let 中，引入了 const 和塊作用域。
const raining = 1;if(raining){ let action = "off the AC";}else{ let action = "let the AC run";}console.log(action);
在上面的代碼中，控制臺語句拋出了一個錯誤，因為變量 action 沒有在全局范圍內(nèi)定義，我們試圖在塊范圍內(nèi)定義的全局范圍內(nèi)訪問 action 變量。
與 var 不同，let 和 const 的作用域是最近的花括號，但如果我們在代碼塊中聲明 var，我們可以從代碼的任何部分（如全局作用域）訪問該 var 變量。
{ var bikeName = "Jarvis"; let bikerName = "TTF";}console.log(bikeName); // jarvisconsole.log(bikerName); // throws not defined error
在上面的代碼塊中，由于 let 的行為， bikerName 會拋出一個錯誤，就像 let const 一樣，行為是這樣的。
當(dāng)我們在聲明時不將 var、let 或 const 放在變量的前綴中時，默認(rèn)情況下它將作為 var 。
{ bikerFriend = "Ajeesh Bro";}
在上述場景中，變量 bikerFriend 的行為類似于 var 。
以上內(nèi)容也適用于嵌套作用域，當(dāng)前上下文的作用域可以訪問父作用域的變量，它會搜索到全局作用域的變量，如果在全局作用域中沒有找到該變量，那么它 引發(fā)參考錯誤，未定義。
嵌套范圍
讓我們考慮以下示例代碼，
const bikeName = "Jarvis";function printBikeDetails() { function getBikerDetails() { function getBikeName() { return bikeName; } return getBikeName(); } return getBikerDetails();}console.log(printBikeDetails()); // Jarvis
在上面的嵌套范圍中，我們從 getBikeName 函數(shù)返回了 bikeName 變量，其中 getBikeName 函數(shù)在自己的范圍內(nèi)搜索變量，如果沒有找到，則在其父范圍或其外部范圍 getBikerDetails 中搜索，再次在父范圍中搜索 ，直到找到bikeNamevariable，它一直在父范圍內(nèi)搜索，直到到達(dá)全局范圍。
要記住的主要事情是范圍是關(guān)于定義空間的，而不是關(guān)于調(diào)用空間的
上述在外部作用域中查找變量直至到達(dá)全局作用域的過程稱為作用域鏈。
詞匯環(huán)境
無論何時創(chuàng)建執(zhí)行上下文 詞法環(huán)境也被創(chuàng)建，詞法環(huán)境是本地內(nèi)存以及其父或外部范圍的詞法環(huán)境。
詞匯意味著層次或順序。
讓我們考慮這個例子，
const bikeName = "Jarvis";function printBikeDetails() { function getBikerDetails() { function getBikeName() { return bikeName; } return getBikeName(); } return getBikerDetails();}console.log(printBikeDetails()); // Jarvis
內(nèi)部函數(shù) getBikeName 可以訪問 getBikerDetails 的詞法環(huán)境，就像 getBikerDetails 可以訪問 printBikerDetails 的詞法環(huán)境一樣，其中 printBikerDetails 可以訪問全局范圍。
通過使用作用域鏈和詞法環(huán)境，當(dāng)本地作用域中不可用時，我們可以從父作用域訪問變量。
關(guān)注七爪網(wǎng)，獲取更多App/小程序/網(wǎng)站源碼資源！
