如何让含setTimeout的JavaScript代码按编写顺序逐行执行？

首先得指出你示例代码里的一个基础错误：你写的setTimeout(console.log("B"), 1000)会立即执行console.log("B")，因为这里是直接调用了函数，而不是把函数作为回调传给setTimeout。正确的写法应该是把函数引用传进去，比如setTimeout(() => console.log("B"), 1000)，但即使改对了，默认还是异步执行，会先输出A、C，再等1秒输出B。

要实现按编写顺序逐行执行，核心是把异步的setTimeout转换成可以等待的Promise，再用async/await让代码按同步逻辑执行，具体步骤如下：

1. 封装延迟输出的Promise函数 #

把setTimeout包装成返回Promise的函数，这样就能用await等待它完成：

function delayLog(msg, delay) {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log(msg);
      resolve(); // 完成后触发Promise的resolve，让后续代码继续执行
    }, delay);
  });
}

2. 用async函数按顺序执行 #

在async函数里，用await等待每个异步操作完成后，再执行下一条语句：

async function executeInOrder() {
  console.log("A");
  await delayLog("B", 1000); // 等待1秒输出B后，再执行下一行
  console.log("C");
}

executeInOrder();

这样运行后，就会先输出A，等待1秒输出B，最后输出C，完全符合你要的顺序。如果是5条语句，中间有多个含setTimeout的操作，只需要在每个异步操作前加await，就能保证严格按编写顺序执行。

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