能否异步执行JavaScript的forEach回调？浏览器/Node中forEach未完成时会提前输出'all done'吗？

嘿，这两个问题问到点子上了，我来给你详细拆解清楚：

当然可以让forEach的回调里包含异步逻辑（比如Promise、async/await、定时器这类），但有个关键细节要注意：forEach本身是同步遍历的方法，它不会等待回调里的异步操作完成。

举个直观的例子：

const nums = [1, 2, 3];
nums.forEach(async (num) => {
  // 模拟异步操作
  await new Promise(resolve => setTimeout(resolve, 1000));
  console.log(num);
});

这段代码里，每个回调都是异步的，但forEach会一次性触发所有回调，不会等前一个回调的await完成。所以你会看到1秒后三个数字同时打印出来，而不是每隔1秒依次打印。

完全存在这种情况，而且很常见——当forEach的回调中包含异步操作的时候就会出现。

原因是JavaScript的事件循环机制：forEach本身是同步执行的，它会快速遍历完所有数组元素，触发每个回调函数；但回调里的异步任务（比如定时器、Promise、AJAX请求）会被放到事件队列中，要等当前所有同步代码执行完毕后，才会被执行。

看这个例子：

const nums = [1, 2, 3];
nums.forEach(async (num) => {
  await new Promise(resolve => setTimeout(resolve, 1000));
  console.log(num);
});
console.log('all done');

运行这段代码，你会先在控制台看到all done，1秒后才会打印出1、2、3。因为forEach同步遍历完三个元素后，立刻执行了后面的console.log('all done')，而回调里的异步任务要等事件循环的宏任务阶段才会启动。

反过来，如果forEach的回调全是同步代码，那肯定是forEach完全执行完毕后，才会输出all done，不会出现顺序颠倒的情况。

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