JavaScript的作用域鏈是變量查找的機制，決定了變量的可訪問性。1. 引擎首先在當前作用域查找變量，若未找到則沿作用域鏈向上查找，直到全局作用域；2. 作用域鏈由詞法作用域決定，函數定義時確定，支撐閉包的實現；3. 閉包通過作用域鏈訪問外部函數的變量，即使外部函數已執行完畢；4. 避免問題需限制變量作用范圍、減少閉包使用并及時解除引用；5. 作用域鏈與原型鏈不同，前者用于變量查找，后者用于對象屬性和方法的查找。
JavaScript的作用域鏈，簡單來說，就是當你在代碼里嘗試訪問一個變量時，JS引擎會按照一定的順序去查找這個變量的過程。這個順序，就像一條鏈子一樣，把不同的作用域連接起來。
解決方案
作用域鏈是理解JS閉包、變量查找等重要概念的基礎。它決定了變量的可訪問性，以及代碼執行時變量的值。
當JS引擎遇到一個變量時，它會首先在當前作用域中查找。如果找到了，就使用這個變量。如果沒找到，引擎會沿著作用域鏈向上查找，直到找到這個變量，或者到達全局作用域。如果全局作用域中也沒有找到，那么在非嚴格模式下，會隱式聲明一個全局變量（賦值時），或者拋出一個ReferenceError（訪問未聲明的變量）。
理解作用域鏈的關鍵在于理解作用域是如何產生的。在JS中，主要有兩種作用域：全局作用域和函數作用域（以及es6引入的塊級作用域）。
-
全局作用域： 在代碼最外層聲明的變量，或者沒有使用var、let、const聲明的變量，都屬于全局作用域。全局作用域在頁面加載時創建，在頁面關閉時銷毀。
-
函數作用域： 在函數內部聲明的變量，只能在該函數內部訪問。每次調用函數，都會創建一個新的函數作用域。
作用域鏈是由詞法作用域決定的。詞法作用域是指，變量的作用域在代碼編寫時就已經確定了，而不是在運行時確定。換句話說，函數的作用域鏈是在函數定義時確定的，而不是在函數調用時確定的。這很重要，理解這一點才能真正理解閉包。
什么是閉包？它與作用域鏈有什么關系？
閉包是指函數與其周圍狀態（詞法環境）的捆綁。換句話說，閉包允許函數訪問并操作函數外部的變量，即使在外部函數已經執行完畢后。
閉包的形成，正是依賴于作用域鏈。當一個函數被定義時，它會記住它所在的作用域鏈。即使這個函數在其他地方被調用，它仍然可以訪問它定義時所在的作用域鏈上的變量。
例如：
function outerFunction() { let outerVar = 'Hello'; function innerFunction() { console.log(outerVar); } return innerFunction; } let myFunc = outerFunction(); myFunc(); // 輸出 "Hello"
在這個例子中，innerFunction是一個閉包。它在outerFunction內部定義，可以訪問outerFunction的變量outerVar。即使outerFunction已經執行完畢，myFunc（也就是innerFunction）仍然可以訪問outerVar，這就是閉包的力量。
innerFunction的作用域鏈包含了它自己的作用域和outerFunction的作用域。當innerFunction嘗試訪問outerVar時，它首先在自己的作用域中查找，如果沒有找到，就沿著作用域鏈向上查找，在outerFunction的作用域中找到了outerVar。
如何避免因作用域鏈導致的問題？
作用域鏈雖然強大，但也可能導致一些問題，比如變量污染和內存泄漏。
-
變量污染： 如果在全局作用域中聲明了過多的變量，可能會與其他代碼中的變量沖突，導致變量污染。為了避免這種情況，應該盡量使用函數作用域或塊級作用域（使用let和const）來限制變量的作用范圍。
-
內存泄漏： 如果閉包引用了外部函數的變量，并且這個閉包長期存在，那么外部函數的變量就無法被垃圾回收，可能導致內存泄漏。為了避免這種情況，應該盡量減少閉包的使用，或者在使用完閉包后，手動解除對外部變量的引用。例如，將變量賦值為NULL。
此外，要特別注意在循環中使用閉包的情況。例如：
for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); }
這段代碼并不會按預期輸出0, 1, 2, 3, 4，而是會輸出5個5。這是因為var聲明的i是全局變量，當setTimeout中的函數執行時，循環已經結束，i的值已經變成了5。
為了解決這個問題，可以使用let來聲明i，因為let聲明的變量具有塊級作用域：
for (let i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); }
或者，可以使用立即執行函數（IIFE）來創建一個新的作用域：
for (var i = 0; i < 5; i++) { (function(j) { setTimeout(function() { console.log(j); }, 1000); })(i); }
作用域鏈與原型鏈的區別是什么？
作用域鏈和原型鏈是JavaScript中兩個非常重要的概念，但它們的作用和機制是不同的。
-
作用域鏈： 用于查找變量，決定了變量的可訪問性。它是由詞法作用域決定的，沿著作用域鏈向上查找變量，直到找到變量或者到達全局作用域。
-
原型鏈： 用于查找對象的屬性和方法。每個對象都有一個原型對象，原型對象也有自己的原型對象，以此類推，形成了一條原型鏈。當訪問對象的屬性或方法時，如果對象本身沒有這個屬性或方法，JS引擎會沿著原型鏈向上查找，直到找到屬性或方法，或者到達原型鏈的頂端（null）。
作用域鏈和原型鏈是獨立的，但它們可以相互影響。例如，閉包可以訪問外部函數的變量，而這些變量可能又是對象的屬性，這就涉及到作用域鏈和原型鏈的結合。
理解作用域鏈和原型鏈，是深入理解JavaScript的關鍵。它們是JS中許多高級特性的基礎，比如閉包、繼承等。掌握了這些概念，才能寫出更加健壯、高效的JavaScript代碼。
