JavaScript 闭包及作用域解密

2023-10-24 03:39:57

JavaScript 是一种高级编程语言，它的闭包特性让函数能够访问其自身定义的作用域中的变量。这种能力是理解 JavaScript 编程的重要部分，同时也为开发者提供了强大的工具来设计复杂的应用程序逻辑。

什么是闭包？

闭包是指一个函数能记住并访问它的词法作用域，即使这个函数在其词法作用域之外执行。这使得它可以在调用时保留外部环境中的数据状态。

示例

function outerFunction(outerVariable) {
    return function innerFunction(innerVariable) {
        console.log("Outer Variable: " + outerVariable);
        console.log("Inner Variable: " + innerVariable);
    }
}

const closure = outerFunction('outside');
closure('inside');

在这个例子中，innerFunction 被定义在 outerFunction 内部。即使当 outerFunction 结束执行后，innerFunction 仍然可以访问 outerVariable 的值。

JavaScript 变量作用域

在理解闭包之前，先需要了解变量的作用域概念。JavaScript 中有三种主要类型的作用域：

全局作用域：在所有函数之外声明的变量具有全局作用域。
局部作用域（或词法作用域）：在函数内部定义的变量具有局部作用域。
块级作用域：由 let 和 const 声明的变量在当前代码块内有效。

示例

var globalVar = 'I am global';

function myFunction() {
    let localVar = 'I am local';
    console.log(globalVar); // 可访问全局变量
}

myFunction();
console.log(localVar); // 报错，因为 localVar 是局部作用域的

闭包的应用场景

创建私有变量和方法

在 JavaScript 中，通过闭包可以创建私有的状态或方法，这些是外部不可直接访问的。

function createCounter() {
    let count = 0;
    return function () { 
        count++;
        console.log(count);
    };
}

const counter = createCounter();
counter(); // 输出1
counter(); // 输出2