浅谈JavaScript for循环 闭包

接下来我将详细讲解“浅谈JavaScript for循环 闭包”的完整攻略。

1. 什么是 for 循环？

for 循环是 JavaScript 中最常见的循环。它允许我们重复执行一个代码块特定的次数。

for 循环的语法格式如下：

for (initialization; condition; update) {
  // 执行循环的代码
}

• initialization：在首次执行循环之前执行的语句。通常用于初始化计数器变量。
• condition：循环的条件表达式。只要该表达式为 true，循环将继续执行；否则，循环将停止。
• update：在每次循环迭代之后执行的语句。通常用于增加计数器变量的值。

下面是一个简单的示例，用 for 循环打印从 0 到 4 的数字：

for (let i = 0; i < 5; i++) {
  console.log(i);
}

该代码将在控制台输出：

0
1
2
3
4

2. 闭包是什么？

在 JavaScript 中，闭包是一种特殊的函数，它能够访问其定义时所处的词法作用域中的变量。简而言之，一个闭包可以“记住”它创建时的环境。

闭包的语法格式如下：

function outerFunction() {
  let outerVariable = 'Hello from outer function!';

  function innerFunction() {
    console.log(outerVariable);
  }

  return innerFunction;
}

let innerFunc = outerFunction();
innerFunc(); // 输出：Hello from outer function!

在上面的示例中，innerFunction 是一个闭包，它可以访问外部作用域中的变量 outerVariable。当调用 outerFunction 时，它返回了 innerFunction，并把该函数存储在 innerFunc 变量中。调用 innerFunc 时，它将会打印出 outerVariable 的值。

3. for 循环中的闭包

当在 for 循环中使用闭包时，需要注意的是，由于 for 循环的特殊性，闭包可能会与预期不同的方式进行工作。

例如，考虑以下代码：

for (var i = 1; i <= 5; i++) {
  setTimeout(function() {
    console.log(i);
  }, 1000);
}

在上面的代码中，我们使用了 setTimeout 函数来模拟一个异步操作。在每个循环迭代结束时，我们都会调用 setTimeout 函数，它的回调函数将在 1 秒后被执行。该回调函数打印出变量 i 的值。

然而，如果我们运行该代码，它的输出将会是：

6
6
6
6
6

原因是 i 的值被循环迭代时的闭包“记住”了。当异步操作完成时，i 的值已经变成了 6。因此，每个回调函数都将在其所处的闭包中打印出 6。

为了解决这个问题，我们可以使用一个 IIFE（立即调用函数表达式）来创建每个回调函数的闭包：

for (var i = 1; i <= 5; i++) {
  (function(j) {
    setTimeout(function() {
      console.log(j);
    }, 1000);
  })(i);
}

在上面的代码中，我们使用了一个 IIFE 来创建了一个新的闭包，并将循环迭代时的 i 的值传递给它。这样，每个回调函数就可以“记住”与它绑定的闭包，而不是迭代时的变量 i。此时，该代码的输出将会是：

1
2
3
4
5

示例

下面是一个使用闭包的示例，演示了如何在一个 for 循环中创建并存储函数，以便在以后使用它们。该代码通过 for 循环创建了 5 个函数，每个函数打印出它所创建时的下标：

let functions = [];

for (let i = 0; i < 5; i++) {
  functions.push(function() {
    console.log(i);
  });
}

functions[0](); // 输出：0
functions[1](); // 输出：1
functions[2](); // 输出：2
functions[3](); // 输出：3
functions[4](); // 输出：4

在上面的代码中，我们创建了一个名为 functions 的数组，并将五个打印下标的函数存储在其中。每个函数都是在一个闭包中创建的，可以“记住”它所创建时的下标。该代码的输出将会是：

0
1
2
3
4

通过使用闭包，我们可以方便地在 for 循环中创建并存储函数，以便在以后使用它们。