为什么不在功能副本中分配变量而不是引用它

Question

我有此代码：

function makeArmy() {
  let shooters = [];

  let i = 0;
  while (i < 10) {
    let shooter = function () {
      console.log(i);
      // that should show its number
    };
    shooters.push(shooter); // and add it to the array
    i++;
  }

  // ...and return the array of shooters
  return shooters;
}

let army = makeArmy();

// all shooters show 10 instead of their numbers 0, 1, 2, 3...
army[0](); // 10 from the shooter number 0
army[1](); // 10 from the shooter number 1
army[2](); // 10 ...and so on.

发生这种情况是因为i始终是对makearmy（）函数内部i的引用。

如果我们将代码调整为：

function makeArmy() {
  let shooters = [];

  let i = 0;
  while (i < 10) {
    // copy the varible i into the while lexical scope
    let j = i
    let shooter = function () {
      console.log(j);
      // that should show its number
    };
    shooters.push(shooter); // and add it to the array
    i++;
  }

  // ...and return the array of shooters
  return shooters;
}

let army = makeArmy();


army[0](); // 0
army[1](); // 1
army[2](); // 2

上述代码按预期工作，因为而不是引用变量i shooter（）我们将其复制到j ，因此可以在其自身范围内对射击器功能可用。

现在，我的问题是，为什么在函数本身内部复制i变量？即使我仍在有效地复制该变量？我在这里想念什么？

代码：

function makeArmy() {
  let shooters = [];

  let i = 0;
  while (i < 10) {
    let shooter = function () {
      let j = i;

      console.log(j);
      // that should show its number
    };
    shooters.push(shooter); // and add it to the array
    i++;
  }

  // ...and return the array of shooters
  return shooters;
}

let army = makeArmy();

// all shooters show 10 instead of their numbers 0, 1, 2, 3...
army[0](); // 10 from the shooter number 0
army[1](); // 10 from the shooter number 1
army[2](); // 10 ...and so on.

Answer 1

因为您正在复制i已经是10的时候。

实际上，使用让j = i在 Inner 函数中，直接使用i没有区别，因为该分配也仅执行当您调用该内部函数时，如前所述， i 已经是10，因为调用在循环完成后很长时间发生，在EG 陆军中[0]（）。

如您指出的那样，如果您将移动j = i在内部功能之外（但仍在循环内），则可以工作。这样，对本地变量j的评估立即发生在每个迭代上，并且内部功能随后涉及其正确值的10种不同的j以前是在i具有您想要的相应值的那个时间点设置的。

---

顺便说一句，如果您将循环使用使用 让让具有一些“魔术”，则此问题将不存在为每次迭代创建一个半分开的范围（此工作的确切方式是更复杂的）。

  for (let i = 0; i < 10; i++) {
    let shooter = function () {
      console.log(i);
    };
    shooters.push(shooter);
  }

Answer 2

当您调用console.log（i）在您的射击器函数i的值中是指一个while循环结束的值，因此我将是最后一个值它有。在您的情况下，i的值会随着时间而变化，显示了它的最后一个值。当您将其分配给变量（令j = i）时，您会复制该值而不是参考，以便您为您提供所需的结果。