本文详解如何使用 promise.all() 或 async/await 确保两个异步操作全部完成后再执行后续逻辑，避免串行等待、提升性能，并提供可直接运行的代码示例与关键注意事项。
本文详解如何使用 promise.all() 或 async/await 确保两个异步操作全部完成后再执行后续逻辑，避免串行等待、提升性能，并提供可直接运行的代码示例与关键注意事项。
在 Web 开发中，常需并行发起多个异步请求（如获取用户信息、加载配置），并在所有请求成功返回后统一处理结果或触发下一步操作（例如渲染页面、初始化模块）。你提供的代码中使用了 await 顺序执行 get_func1() 和 get_func2()，虽能保证执行顺序，但属于串行等待——即 get_func2() 必须等 get_func1() 完全结束才开始，效率较低，且未体现“两者都完成后再执行 func3”的并发语义。
✅ 推荐方案：使用 Promise.all() 并行执行 + await
document.addEventListener('DOMContentLoaded', async () => {
try {
// 并发启动两个异步任务
const [data1, data2] = await Promise.all([
get_func1(),
get_func2()
]);
// ✅ 此处确保 data1 和 data2 均已就绪，可安全调用 func3
func3(data1, data2); // 可传参增强灵活性
} catch (error) {
console.error('至少一个异步操作失败:', error);
// 根据业务需要处理错误：提示用户、降级策略或重试
}
});? 关键优势：
- 真正并行：get_func1() 与 get_func2() 同时发起，总耗时 ≈ max(各自耗时)，而非相加；
- 强一致性：Promise.all() 仅在所有 Promise 都 fulfilled 时才 resolve；任一 rejected 则整体 reject，便于集中错误处理；
- 语义清晰：“等全部完成” 的意图比连续 await 更准确。
⚠️ 注意事项：
- 若任一函数可能失败且你希望忽略单个失败、仍获取其余结果，应改用 Promise.allSettled()；
- 避免无意义地包裹原生 Promise（如答案中 new Promise(...).then(...) 示例），这属于反模式，既增加复杂度又无实际收益；
- 确保 get_func1 和 get_func2 确实返回 Promise（如 fetch()、axios.get() 或明确 return new Promise(...)），否则 Promise.all() 会立即 resolve。
? 进阶提示：若需兼容旧环境（不支持 async/await），可用 .then() 链式写法：
Promise.all([get_func1(), get_func2()]) .then(([data1, data2]) => func3(data1, data2)) .catch(console.error);
总结：Promise.all() 是解决“多异步任务完成后统一响应”问题的标准、高效且可维护的方案。优先使用它替代顺序 await，并在 try/catch 中妥善处理异常，即可稳健实现你的需求。
