JavaScript 核心觀念(5)-執行環境與作用域-範圍鍊

發表於 2020-05-02 分類於 JavaScript

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

｜

接下來講講為什麼明明宣告在外層的變數甚至是不同地方的函式，卻可以正確的呼叫與執行。

前言

接下來講講為什麼明明宣告在外層的變數甚至是不同地方的函式，卻可以正確的呼叫與執行。

在前面我們有相當多的範例都是屬於在外層宣告，但內層卻可以取得

var value = 1; // 全域變數
function fu1 {
  console.log(value); // 1
}
function fu2 {
  var value = 2; // 區域變數
  fu1();
}
fu2();

前面章節有說過 JavaScript 是語法作用域，所以並不會與執行堆疊有任何關係

沒有任何關係的執行堆疊

因此 fu1() 並不會因為他是在 fu2() 下被呼叫而去尋找 fu2() 的 var value = 2;，而是 fu1() 的 value 會去將外尋找外部的 var value = 1;。

所謂的範圍鍊真正的意思是「當函式的本身沒有相對應的變數或函式時，他就會向外層去尋找」，因此這邊與執行堆疊以及執行環境並不會有任何直接關係，而這個尋找的過程就是所謂的範圍鍊，這邊拿上方範例程式碼當作圖片表示就會像這樣

範圍鍊尋找過程

所以 JavaScript 因為是語法作用域的關係，在程式碼撰寫完畢時，就已經決定了作用域。