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