Javascript作用域鏈是Javascript語言中非常重要的一個概念，它決定了變量和函數的可訪問范圍。在Javascript中，每一個函數都會形成一個自己的作用域，這個作用域會包含自身定義的變量和函數以及父級作用域中的變量和函數。在這篇文章中，我們將對Javascript作用域鏈進行詳細的介紹。 作用域鏈的定義 在Javascript中，每一個函數在執行時都會形成一個自己的作用域，這個作用域中包含了自身定義的變量和函數以及其所在的父級作用域中的變量和函數。當我們引用一個變量或函數時，Javascript會首先在當前作用域中查找該變量或函數，如果找不到則會在父級作用域中繼續查找，直到找到該變量或函數為止。 舉個例子，假如我們有一個嵌套的函數結構： ``` function A() { let a = 10; function B() { let b = 5; console.log(a + b); } B(); } ``` 在這個例子中，函數`B`嵌套在函數`A`中，當我們調用函數`B`時，Javascript會首先在`B`的作用域中查找變量`b`，如果找到了就直接使用，如果沒有找到就會去`A`的作用域中查找，如果還是沒有找到，那么就會去全局作用域中查找。 作用域鏈的創建 在Javascript中，當一個函數被創建時，就會在內存中創建一個對象，這個對象即為該函數的作用域，我們通常稱之為執行上下文(Execution Context)。每一個執行上下文中都會包含三個重要的屬性：變量對象、作用域鏈和this。在這里，我們主要講解作用域鏈的創建過程。 當一個函數被調用時，Javascript會在函數的執行上下文中創建一個變量對象(Variable Object)。這個變量對象中包含了當前函數中定義的所有變量和函數，同時也包含了外部環境的變量和函數。然后，Javascript會將它的作用域鏈(Scope Chain)添加到當前的執行上下文中。作用域鏈上的每一個對象都是一個執行上下文的變量對象或全局對象。具體的創建過程可以參考下面的代碼： ``` var a = 10; function foo() { var b = 20; function bar() { var c = 30; console.log(a + b + c); } bar(); } foo(); ``` 當執行到函數`foo`時，Javascript會創建一個函數執行上下文，并在它的變量對象中添加`b`變量，然后將它的作用域鏈指向全局上下文中的變量對象。當執行到函數`bar`時，Javascript會創建一個函數執行上下文，并在它的變量對象中添加`c`變量，然后將它的作用域鏈指向函數`foo`上下文中的變量對象，同時也包含了全局上下文中的變量對象。因此，當我們在函數`bar`中引用變量`a`時，Javascript會在全局上下文中查找找到這個變量。 作用域鏈的修改 在Javascript中，作用域鏈可以被修改，這通常發生在函數中調用其他函數的時候。當一個函數被調用時，Javascript會創建一個新的執行上下文，并將它的變量對象添加到作用域鏈的前端，這樣就形成了一個新的作用域鏈。下面的代碼可以幫助我們更好地理解這個過程： ``` var a = 10; function foo() { var b = 20; function bar() { var c = 30; console.log(a + b + c); } return bar; } var baz = foo(); baz(); // 輸出60 ``` 在這個例子中，函數`foo`返回了函數`bar`，此時并沒有調用函數`bar`。當我們將函數`foo`的返回值賦給`baz`時，Javascript會創建一個新的執行上下文，并將它的變量對象添加到作用域鏈的前端。因此，當我們調用函數`baz`時，Javascript可以在該函數的作用域中找到變量`a`、`b`和`c`。 總結 在這篇文章中，我們詳細介紹了Javascript作用域鏈的概念、創建和修改過程，并通過代碼和舉例的方式進行說明。作用域鏈是Javascript語言中非常重要的一個概念，它決定了我們在編寫Javascript程序時變量和函數的可訪問范圍。因此，了解Javascript作用域鏈的原理和運作方式對我們更好地編寫高質量的Javascript程序具有重要的意義。