如何让setTimeout按顺序执行？实现两次for循环的顺序输出

要让第一段循环的所有延迟输出完成后再执行第二段，核心是把异步的setTimeout转为可等待的Promise，通过async/await精准控制执行顺序。

步骤1：封装延迟输出为Promise #

将每个setTimeout包装成Promise，确保输出完成后才标记异步任务结束：

function logAfterDelay(num) {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log(num);
      resolve();
    }, 1000);
  });
}

步骤2：用async/await按顺序执行循环 #

在异步函数中，先逐个执行第一段循环的延迟输出，全部完成后再启动第二段：

async function runSequentially() {
  // 第一段循环：按间隔1秒依次输出0、1、2
  for (let i = 0; i < 3; i++) {
    await logAfterDelay(i);
  }
  // 第一段完全执行完毕后，执行第二段循环
  for (let i = 0; i < 3; i++) {
    await logAfterDelay(i);
  }
}

// 启动执行
runSequentially();

代码说明 #

• logAfterDelay返回的Promise会在setTimeout触发输出后才resolve，确保异步任务的完成状态可被追踪。
• await关键字会暂停当前循环迭代，直到当前延迟输出完成，保证第一段的0、1、2按顺序间隔1秒输出。
• 第一段循环全部执行完成后，才会进入第二段循环，最终输出顺序完全符合需求：

0
1
2
0
1
2

如果希望第一段的三个输出在1秒后同时出现（而非间隔1秒），可以改用Promise.all批量等待第一段的所有异步任务：

async function runSequentially() {
  // 第一段：1秒后同时输出0、1、2
  const firstBatch = [];
  for (let i = 0; i < 3; i++) {
    firstBatch.push(logAfterDelay(i));
  }
  await Promise.all(firstBatch);
  
  // 第二段：1秒后同时输出0、1、2
  const secondBatch = [];
  for (let i = 0; i < 3; i++) {
    secondBatch.push(logAfterDelay(i));
  }
  await Promise.all(secondBatch);
}

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