为什么闭包函数中的javascript变量在多次调用时不会重置为默认值？

Question

请有人在下面的代码中向我解释为什么多次调用counter 会导致每次调用i 的值都会增加？

我的理解是，由于我们在makeCounter中专门设置了i = 0;，所以每次通过counter变量调用makeCounter时，i应该重置为0。我不明白为什么这不是案例。

function makeCounter() {
  // `i` is only accessible inside `makeCounter`.
  var i = 0;

  return function() {
    console.log( ++i );
  };
}

// Note that `counter` and `counter2` each have their own scoped `i`.

var counter = makeCounter();
counter(); // logs: 1
counter(); // logs: 2

Answer 1

每次makeCounter通过“计数器”变量调用

这是错误的。

你只调用了makeCounter()一次——var counter = makeCounter();。
counter是对返回函数的引用，它在i 变量。

调用counter() 将执行这个返回的函数，就像任何其他函数一样。

如果您多次写入makeCounter()()，您所期望的行为将会发生。

Answer 2

每次调用 makeCounter […] i 应重置为 0

没错。

makeCounter 通过counter 变量调用

不，不是。 makeCounter 返回的匿名函数用counter() 调用。 makeCounter 只被调用一次，它的 result 被分配给了 counter 变量。

请注意，counter 和 counter2 都有自己的作用域 i

的确如此，是的。但是您的示例不完整：

var counter = makeCounter();
counter(); // logs 1
var counter2 = makeCounter();
counter2(); // logs 1 again!
counter(); // still logs 2
counter2(); // logs 2