外部触发多次调用时，async/await为何无法保证执行顺序？

咱们先拆解下你的doWork函数的执行逻辑：

async function doWork(id) {
    console.log("Start", id); // 这行是**同步执行**的
    await new Promise(res => setTimeout(res, 1000)); // 这里是异步分界点
    console.log("End", id); // 这行要等上面的Promise resolve后才会执行
}

第一种情况：用await顺序调用 #

当你写await doWork(1); await doWork(2);时，整个执行流程是线性的：

1. 调用doWork(1)，立即同步打印Start 1，然后遇到await——这时候JS引擎会暂停doWork(1)的后续执行，老老实实地等待这个Promise完成。
2. 1秒后，setTimeout的回调触发，Promise resolve，doWork(1)剩下的代码执行，打印End 1。
3. 只有等doWork(1)完全执行完毕，才会轮到await doWork(2)，重复上面的步骤，所以最终顺序是Start 1 → End 1 → Start 2 → End 2，完全按顺序来。

第二种情况：直接调用（不使用await） #

当你直接写doWork(1); doWork(2); doWork(3);时，JS引擎的执行逻辑就不一样了：

1. 调用doWork(1)，同步打印Start 1，遇到await后，不会傻等Promise完成，而是直接跳出doWork(1)，马上去执行下一行代码。
2. 紧接着调用doWork(2)，同步打印Start 2，同样遇到await后跳出，继续执行doWork(3)。
3. 调用doWork(3)，同步打印Start 3，遇到await后跳出。这时候三个Start已经全部打印完毕，而三个setTimeout的回调都在等待1秒后触发。
4. 1秒后，三个setTimeout的回调会按添加顺序依次进入事件循环的宏任务队列，每个回调触发时，对应的Promise resolve，然后doWork函数剩下的console.log("End", id)会依次执行，所以最终顺序是Start 1 → Start 2 → Start 3 → End 1 → End 2 → End 3，出现了交错的效果。

核心原因就是：await会强制JS引擎等待当前异步函数完成后再执行后续代码，而直接调用异步函数时，JS引擎会同步执行函数里的同步代码，遇到await就暂停该函数，立刻继续执行后续的同步代码，不会等待异步操作完成。

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