JS:在循环中的push()没有分配正确的值之后，更新最近添加的元素的属性

在JavaScript中，push() 方法用于将一个或多个元素添加到数组的末尾，并返回新的长度。如果在循环中使用 push() 方法时遇到没有分配正确的值，可能是由于闭包（closure）导致的。闭包会捕获循环中的变量引用，而不是变量的值，这可能会导致意外的行为。

基础概念

闭包：闭包是指函数能够记住并访问其词法作用域，即使函数在其作用域之外执行。
循环中的变量引用：在循环中使用变量时，闭包会捕获变量的引用，而不是变量的值。

类型

立即执行函数表达式（IIFE）：用于创建一个新的作用域，避免变量污染全局作用域。
模块模式：通过闭包创建私有变量和方法，只暴露必要的接口。

应用场景

回调函数：在异步编程中，闭包用于保存回调函数的上下文。
事件处理程序：在事件处理程序中使用闭包来访问外部变量。

问题原因及解决方法

在循环中使用 push() 方法时，如果直接引用循环变量，会导致所有添加到数组中的元素引用同一个变量。为了解决这个问题，可以使用立即执行函数表达式（IIFE）来创建一个新的作用域，或者使用 let 关键字来声明循环变量。

示例代码

// 错误示例
let arr = [];
for (var i = 0; i < 3; i++) {
  arr.push(function() {
    console.log(i); // 输出 3, 3, 3
  });
}

// 正确示例1：使用 IIFE
let arr1 = [];
for (var i = 0; i < 3; i++) {
  (function(index) {
    arr1.push(function() {
      console.log(index); // 输出 0, 1, 2
    });
  })(i);
}

// 正确示例2：使用 let 关键字
let arr2 = [];
for (let i = 0; i < 3; i++) {
  arr2.push(function() {
    console.log(i); // 输出 0, 1, 2
  });
}