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

前言

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

範圍鍊

範圍鍊

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

1
2
3
4
5
6
7
8
9
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 因為是語法作用域的關係,在程式碼撰寫完畢時,就已經決定了作用域。

參考文獻

Liker 讚賞

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

Buy Me A Coffee Buy Me A Coffee

Google AD

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