窥破闭包的真面目，一文掌握JavaScript闭包精髓

2024-02-25 23:53:40

在软件开发中，我们经常会遇到闭包的问题。闭包，又称词法闭包，是指在 JavaScript 中，一个函数可以访问并使用其父函数的作用域中的变量，即使这些变量已经超出了父函数的执行上下文。闭包在 JavaScript 中非常有用，因为它允许我们在函数之间共享数据，并在需要时访问这些数据。

今天，我就遇到了一道关于闭包特别有意思的题。这道题的目的是测试我们对闭包的理解。我将这道题分享给大家，并一起探讨其答案。

function makeCounter() {
  let count = 0;
  return function() {
    return ++count;
  };
}
const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2
console.log(counter()); // 3

这道题中，我们定义了一个名为 makeCounter 的函数，该函数返回一个内部函数，该内部函数可以访问 makeCounter 函数的作用域中的 count 变量。然后，我们调用 makeCounter 函数并将其结果赋给变量 counter。接下来，我们调用 counter 函数并打印其返回值。

那么，这道题的输出结果是什么呢？让我们一起分析一下。

首先，我们调用 makeCounter 函数。此时，该函数的作用域被创建，并且 count 变量被初始化为 0。然后，该函数返回一个内部函数。这个内部函数的作用域是 makeCounter 函数的作用域的子作用域，因此它可以访问 makeCounter 函数的作用域中的 count 变量。

接下来，我们调用 counter 函数。此时，counter 函数的作用域被创建，并且 count 变量被初始化为 0。但是，由于 counter 函数是内部函数，因此它可以访问 makeCounter 函数的作用域中的 count 变量。因此，counter 函数中的 count 变量实际上指向 makeCounter 函数作用域中的 count 变量。

因此，当我们调用 counter 函数时，它实际上是在对 makeCounter 函数作用域中的 count 变量进行递增操作。因此，这道题的输出结果为：