JavaScript 中的巢狀函數作用域：初學者指南-js教程-PHP中文網

JavaScript 中的巢狀函數作用域：初學者指南

Susan Sarandon

發布： 2025-01-13 12:38:42

原創

354 人瀏覽過

Nested Function Scope in JavaScript: A Beginner

JavaScript 是一種因其多功能性和特性而令人驚嘆的語言。其中之一是巢狀函數如何處理變數範圍。無論您是剛開始使用 JavaScript 還是希望提高程式設計技能，掌握這個概念對於掌握它都很重要。

在本部落格中，我們將了解什麼是巢狀函數、它們的作用域如何運作以及為什麼這些知識很重要。最後，您將了解巢狀函數如何與變數互動以及閉包的強大功能。

⁉️ 什麼是巢狀函數？

巢狀函數只是在另一個函數中定義的函數。在 JavaScript 中，這些內部函數可以存取其外部（封閉）作用域中的變數。這種行為稱為詞法作用域，或更常見的閉包。

？巢狀函數如何處理作用域

巢狀函數的行為由稱為詞法作用域的概念指導，這意味著變數的範圍是由它們在原始程式碼中的位置定義的。
以下是要記住的關於巢狀函數作用域的主要規則：
1️⃣ 內部函數可以存取外部函數的變數：
內部函數可以完全存取其外部函數中聲明的變數。
？例：

function outerFunction(){
    const outerVar = "I am from Outer Function!";
    function innerFunction(){
        console.log(outerVar); // Accessing `outerVar` from outer scope
    }
    innerFunction();
}
outerFunction(); // Output: I am from Outer Function!

登入後複製

2️⃣ 外部函數無法存取內部函數的變數：
內部函數中宣告的變數對其而言是本地的，並且對外部函數不可見。
？例：

function outerFunction(){
    function innerFunction(){
        const innerVar = "I am from Inner Function";
    }
    console.log(innerVar); // Error: Uncaught ReferenceError: innerVar is not defined
    innerFunction();
}
outerFunction();

登入後複製

3️⃣ 即使外部函數傳回後，巢狀函數也可以存取其外部作用域
這就是閉包發揮作用的地方！閉包使內部函數能夠「記住」其封閉範圍的變量，即使外部函數不再執行。
？例：

function outerFunction() {
    let count = 0;

    return function innerFunction() {
      count++;
      console.log("count = " + count); 
    };
}

const counter = outerFunction();
for(let i=1; i <= 5; i++){
    counter()
}
/* Output:
count = 1
count = 2
count = 3
count = 4
count = 5 */

登入後複製

內部函數儲存計數變量，允許它在重複呼叫時增加數量。