JavaScript 作用域和閉包是編寫高質(zhì)量代碼的關(guān)鍵因素之一。理解作用域和閉包是必要的，因為這些概念在多種編程語言中都有存在。本文將會深入討論這些概念，并用實例幫助讀者更好地理解。

作用域

JavaScript 中的作用域是指變量可以被訪問的范圍。JavaScript 中有兩種作用域：全局作用域和局部作用域。全局作用域中定義的變量可以在代碼的任何地方訪問，而局部作用域只能在定義它的代碼塊中訪問。

// 全局作用域
var globalVariable = 'Hello World';
function printGlobal() {
console.log(globalVariable); // 可以訪問全局變量
}
printGlobal(); // 'Hello World'
// 局部作用域
function printLocal() {
var localVariable = 'Goodbye';
console.log(localVariable); // 可以訪問局部變量
}
printLocal(); // 'Goodbye'
console.log(localVariable); // ReferenceError: localVariable is not defined

在上面的例子中，globalVariable是全局變量，可以在代碼任何地方訪問。而localVariable是局部變量，只能在printLocal函數(shù)中訪問。

閉包

閉包是指函數(shù)可以記住并訪問它創(chuàng)建時的作用域，即使該函數(shù)在不同的作用域內(nèi)被調(diào)用。

function makeAdder(x) {
return function(y) {
return x + y;
};
}
var add5 = makeAdder(5);
console.log(add5(3)); // 8
var add10 = makeAdder(10);
console.log(add10(3)); // 13

在這個例子中，makeAdder函數(shù)返回一個新的函數(shù)，在新的函數(shù)中，x是指傳遞給makeAdder函數(shù)的參數(shù)。因為新的函數(shù)可以訪問原來的作用域，所以新的函數(shù)可以記住x的值。

在調(diào)用makeAdder函數(shù)時，它會返回一個新的函數(shù)。將這個新的函數(shù)賦值給變量add5和add10后，它們分別可以將5和10添加到傳遞給它們的參數(shù)中。

作用域鏈

在 JavaScript 中，每個函數(shù)都有自己的作用域。在函數(shù)中，可以訪問到局部作用域的變量，以及包含它的那個函數(shù)的作用域和全局作用域。

var z = 1;
function foo() {
var y = 2;
function bar() {
var x = 3;
console.log(x + y + z); // 輸出 6
}
bar();
}
foo();

在這個例子中，bar函數(shù)可以訪問到它上面的局部作用域中定義的變量。bar函數(shù)可以訪問到x和y，同時也可以訪問到foo函數(shù)的作用域中的變量z。

總結(jié)

作用域和閉包是 JavaScript 中最為重要的概念之一。理解作用域和閉包可以幫助我們編寫更加清晰和高效的 JavaScript 代碼。

作用域是 JavaScript 中變量訪問的范圍，分為全局作用域和局部作用域。局部作用域只能在定義它的代碼塊中訪問，而全局作用域中的變量可以在任何地方訪問。

閉包是指函數(shù)可以記住并訪問它創(chuàng)建時的作用域，即使該函數(shù)在不同的作用域內(nèi)被調(diào)用。通過使用閉包，可以創(chuàng)建一個與其他作用域隔離的環(huán)境，可以將其用作私有變量、私有屬性等。

作用域鏈?zhǔn)怯筛鲗幼饔糜颉ㄈ肿饔糜蚝途植孔饔糜蛩M成的鏈條。通過作用域鏈，函數(shù)可以訪問它定義時所處的作用域以及其外層所有作用域。