循环内的JavaScript闭包 - 简单实用的例子

循环内的JavaScript闭包是一种常见的编程技巧，它允许在循环中创建一个新的作用域，并在其中存储每个迭代的值。这可以用于创建回调函数、事件处理程序等，以便在需要时访问这些值。

以下是一个简单的例子，演示了如何在循环内使用闭包：

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

在这个例子中，我们使用setTimeout函数在1秒后打印出i的值。但是，由于i是在循环中定义的，因此在循环结束时，它的值将变为5。我们希望在每个迭代中打印出不同的值，因此需要使用闭包来捕获每个迭代的值。

为了实现这一点，我们可以使用立即执行函数表达式（IIFE）来创建一个新的作用域，并将i作为参数传递给它。这将创建一个新的变量，该变量将存储每个迭代的i值，而不是在循环结束时的值。

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

在这个例子中，我们使用了一个IIFE (function(j) { ... })(i)，它将i作为参数传递给一个新的变量j，并在setTimeout函数中打印出j的值。这将在每个迭代中打印出正确的值，即0到4。

总之，循环内的JavaScript闭包是一种非常有用的编程技巧，可以帮助您在需要时访问循环中的每个迭代的值。