为何并行Promise均获取相同值（res始终为5）？异步机制失效？

这个问题我太熟了！本质是异步回调对循环变量的捕获问题——你用var声明的counter是函数级作用域，所有Promise的resolve回调共享同一个变量引用。当异步操作最终执行时，循环早就跑完了，counter已经变成最终值5，所以所有回调拿到的都是这个最终值。

下面给你几种可行的解决方法，按需选择：

方法1：用let声明循环变量（ES6+推荐方案） #

let是块级作用域，每次循环都会创建一个独立的counter实例，每个异步回调捕获的都是当前循环的那个变量，完美解决引用共享问题：

// 假设你的原循环逻辑类似这样，把var改成let即可
for (let counter = 0; counter < 5; counter++) {
  new Promise((resolve) => {
    // 模拟不同时长的异步操作
    setTimeout(() => resolve(counter), Math.random() * 1000);
  }).then(res => {
    console.log('当前结果:', res);
    // 处理你的DOM表格操作
    const row = mit.insertRow();
    const cell = row.insertCell();
    cell.textContent = res;
  });
}

方法2：闭包捕获当前值（兼容ES5环境） #

如果你的运行环境不支持ES6，可以用立即执行函数表达式（IIFE）为每次循环创建独立作用域，把当前counter的值封装进去：

for (var counter = 0; counter < 5; counter++) {
  // 用IIFE把当前counter值传入独立作用域
  (function(currentCounter) {
    new Promise((resolve) => {
      setTimeout(() => resolve(currentCounter), Math.random() * 1000);
    }).then(res => {
      console.log('当前结果:', res);
      const row = mit.insertRow();
      const cell = row.insertCell();
      cell.textContent = res;
    });
  })(counter);
}

方法3：用forEach/map遍历数组（更优雅的迭代方式） #

利用数组遍历的回调函数作用域，每次迭代的参数都是当前循环的独立值，也能避免引用共享：

// 创建包含0-4的数组，用forEach遍历
Array.from({length: 5}, (_, idx) => idx).forEach(counter => {
  new Promise((resolve) => {
    setTimeout(() => resolve(counter), Math.random() * 1000);
  }).then(res => {
    console.log('当前结果:', res);
    const row = mit.insertRow();
    const cell = row.insertCell();
    cell.textContent = res;
  });
});

额外：等待所有Promise完成后统一处理 #

如果需要等所有异步操作都结束后再做批量处理，可以用Promise.all：

// 先创建所有Promise实例
const promiseList = Array.from({length: 5}, (_, idx) => idx).map(counter => {
  return new Promise((resolve) => {
    setTimeout(() => resolve(counter), Math.random() * 1000);
  });
});

// 等待所有Promise完成
Promise.all(promiseList).then(allResults => {
  console.log('所有异步操作完成，结果集合:', allResults);
  // 批量更新表格
  allResults.forEach(res => {
    const row = mit.insertRow();
    const cell = row.insertCell();
    cell.textContent = res;
  });
});

内容的提问来源于stack exchange，提问作者FJsanto