JavaScript的作用域和闭包：你从未知道过的秘密

2024-02-19 13:58:47

在JavaScript的浩瀚世界里，作用域和闭包扮演着举足轻重的角色。对于初学者来说，它们可能看起来像难以捉摸的谜题，但一旦你深入研究，就会发现它们实际上是强大的工具，可以让你的代码更加高效和优雅。

作用域：变量寻宝游戏

作用域定义了一个特定环境中可见变量的集合。当你在一个函数或代码块中声明一个变量时，它只能在该特定作用域内被访问。想象一下在一个迷宫中，每个房间都代表一个作用域，而变量则是散落在迷宫各处的宝藏。你只能在当前房间内找到宝藏，而不能穿越墙壁进入其他房间。

闭包：跨越作用域的连接

闭包是JavaScript中一个独特的概念，它允许内部函数访问外部函数的作用域，即使外部函数已经执行完毕。就像一个忠实的朋友，闭包能够记住外部函数的变量，并根据需要进行访问。这使得闭包在创建私有变量和维护状态信息时非常有用。

深入作用域和闭包的世界

为了进一步理解作用域和闭包，让我们深入到一些实际示例中：

示例 1：嵌套作用域

function outer() {
  let outerVar = "Hello from outside!";
  
  function inner() {
    let innerVar = "Hello from inside!";
    console.log(outerVar); // 输出: "Hello from outside!"
  }
  
  inner();
}

outer();

在这个示例中，outer()函数创建一个名为outerVar的变量，而嵌套的inner()函数创建了另一个变量innerVar。虽然inner()函数在其自己的作用域内，但它仍然可以访问outer()函数的作用域中的outerVar变量。

示例 2：闭包

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

const counter1 = createCounter();
const counter2 = createCounter();

console.log(counter1()); // 输出: 1
console.log(counter1()); // 输出: 2
console.log(counter2()); // 输出: 1