如何在forEach循环中使用带回调的函数并按顺序执行？

你的问题核心在于：forEach是同步遍历方法，它不会等待内部的异步操作完成，所以所有的setTimeout会被同时触发；而你的临时方案里，resolve是在forEach遍历到最后一项时立刻执行的，完全没等异步操作结束，自然达不到预期效果。

下面给你几个可行的解决方案：

方案一：使用for...of + async/await（原生，推荐） #

这是最直观也最易维护的方式，先把你的异步操作（这里是带setTimeout的逻辑）包装成返回Promise的函数，然后用for...of循环逐个等待执行：

const arr = '6,7,7,8,8,5,3,5,1';
const idList = arr.split(',');

// 包装异步操作为Promise
const processId = (id) => {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log(id);
      resolve();
    }, 3000);
  });
};

// 用async函数执行顺序操作
const run = async () => {
  for (const id of idList) {
    await processId(id);
  }
  console.log('done');
};

run();

这个方案里，每次都会等待当前processId的异步操作完成后，才会进入下一次循环，最终done会在所有操作结束后打印。

方案二：使用Array.reduce构建Promise链（原生） #

如果你偏好链式调用的风格，可以用reduce把数组转换成一串依次执行的Promise：

const arr = '6,7,7,8,8,5,3,5,1';
const idList = arr.split(',');

const processId = (id) => {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log(id);
      resolve();
    }, 3000);
  });
};

// 用reduce构建Promise链
idList.reduce((prevPromise, id) => {
  return prevPromise.then(() => processId(id));
}, Promise.resolve())
.then(() => console.log('done'));

这里初始传入一个已resolve的Promise，然后每次在then里执行下一个异步操作，确保顺序执行。

方案三：使用NPM包简化操作 #

如果你不想写太多原生代码，推荐几个实用的包：

• p-limit：可以轻松控制异步操作的并发数，设置为1就实现顺序执行：

  const pLimit = require('p-limit');
  const limit = pLimit(1); // 并发数设为1
  
  const arr = '6,7,7,8,8,5,3,5,1';
  const idList = arr.split(',');
  
  const processId = (id) => {
    return new Promise(resolve => {
      setTimeout(() => {
        console.log(id);
        resolve();
      }, 3000);
    });
  };
  
  // 把所有任务包装成受限制的函数
  const tasks = idList.map(id => limit(() => processId(id)));
  
  // 执行所有任务
  Promise.all(tasks).then(() => console.log('done'));
  

• async.js：虽然你担心回调地狱，但它的series方法支持Promise风格，也可以避免嵌套：

  const async = require('async');
  
  const arr = '6,7,7,8,8,5,3,5,1';
  const idList = arr.split(',');
  
  const tasks = idList.map(id => (callback) => {
    setTimeout(() => {
      console.log(id);
      callback(null); // 第一个参数是错误，这里传null表示成功
    }, 3000);
  });
  
  async.series(tasks).then(() => console.log('done'));
  

总结一下，原生的for...of + async/await是最推荐的方案，代码清晰易读，不需要额外依赖；如果需要更灵活的并发控制，p-limit是不错的选择。

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