await 不会延迟 Promise 的创建，只等待其完成；两个 new Promise 在定义时已立即启动定时器，因此 promise2 先于 promise1 完成是正常行为。要实现串行执行，需将 Promise 创建封装为函数，在 await 时按需调用。
`await` 不会延迟 promise 的创建，只等待其完成；两个 `new promise` 在定义时已立即启动定时器，因此 `promise2` 先于 `promise1` 完成是正常行为。要实现串行执行，需将 promise 创建封装为函数，在 `await` 时按需调用。
在 JavaScript 异步编程中，一个常见误区是认为 await promiseX 会“触发”或“延迟启动”该 Promise。实际上，await 仅作用于已存在的 Promise 实例，它只是暂停当前 async 函数的执行，直到该 Promise 进入 fulfilled 或 rejected 状态。
回顾原始代码：
const promise1 = new Promise((resolve) => {
setTimeout(() => {
console.log("promise1");
resolve("promise1");
}, 4000);
});
const promise2 = new Promise((resolve) => {
setTimeout(() => {
console.log("promise2");
resolve("promise2");
}, 2000);
});
async function main() {
const result1 = await promise1; // 等待 promise1 完成（4s 后）
const result2 = await promise2; // 但 promise2 已在 2s 时完成，此处立即继续
console.log("end");
}执行流程如下：
- ✅ 第 0 秒：promise1 和 promise2 同时被创建 → 两个 setTimeout 立即启动；
- ✅ 第 2 秒：promise2 完成，console.log("promise2") 输出；
- ✅ 第 4 秒：promise1 完成，main 从第一个 await 恢复；
- ✅ 紧接着：第二个 await promise2 发现 Promise 已 settled，立刻向下执行；
- ✅ console.log("end") 立即输出 → 整个 main 在约 4 秒后结束（而非预期的 6 秒）。
⚠️ 关键点：await 不等于“按顺序启动”，而是“按顺序等待”。若希望严格串行（即 promise2 在 promise1 完成之后才开始计时），必须避免提前创建 Promise。
✅ 正确做法：将 Promise 构造逻辑封装为返回 Promise 的函数，并在 await 时动态调用：
const createPromise1 = () => new Promise((resolve) => {
setTimeout(() => {
console.log("promise1");
resolve("promise1");
}, 4000);
});
const createPromise2 = () => new Promise((resolve) => {
setTimeout(() => {
console.log("promise2");
resolve("promise2");
}, 2000);
});
async function main() {
const result1 = await createPromise1(); // 第 0 秒启动，第 4 秒完成
const result2 = await createPromise2(); // 第 4 秒启动，第 6 秒完成
console.log("end"); // 第 6 秒输出
}
main();此时控制台输出顺序为：
promise1 promise2 end
总耗时 ≈ 6 秒，符合预期。
? 补充建议：
- 若需并行执行但按顺序获取结果，可改用 Promise.all([promise1, promise2])；
- 对于需动态延迟启动的异步操作（如 API 调用、文件读取等），始终推荐“函数化 Promise 创建”，而非提前实例化；
- 使用 await 时，务必确认 Promise 的生命周期起点是否符合业务逻辑——创建时机 ≠ 等待时机。
掌握这一区别，是写出可预测、易维护异步代码的关键基础。
