在 async/await 中处理条件分支，需将 await 置于 if/else、switch 或三元表达式内部，且必须在 async 函数中；禁止在条件判断前 await，以免失去条件性；复杂逻辑应拆分为小 async 辅助函数以提升可读性。
在 async/await 中处理条件分支里的异步等待，核心原则是：**await 只能在 async 函数内使用，且不能出现在条件语句的顶层控制结构（如 if/else）之外；但可以自然地放在 if、else、switch 或三元表达式内部，只要该表达式本身位于 async 函数中。**
条件分支里直接 await
最常见也最直观的方式，就是在 if/else 分支中分别 await 不同的 Promise。JavaScript 允许在每个分支里独立 await，执行流会按实际进入的分支顺序等待。
- 每个分支可 await 不同的异步操作，互不影响
- 不需要额外包装成 Promise.all 或 Promise.race，除非需要并发或竞态
- 注意：不要在条件判断前就 await，否则失去“条件性”
例如：
async function fetchUserData(userId) {
if (userId === 'admin') {
return await fetchAdminData(); // 等待管理员专属接口
} else {
return await fetchRegularData(userId); // 等待普通用户接口
}
}
用三元运算符配合 await（适合简单分支）
当逻辑足够简单时，可以用三元运算符 + await 实现一行条件 await，语义清晰且简洁。
- 仅适用于两个分支、返回值类型一致、无副作用的场景
- await 作用于整个三元表达式，不是只 await 某一边
- 两边都必须返回 Promise（或可被 Promise.resolve 包装的值）
例如：
async function getProfile(id) {
return await (id === 'guest' ? fetchGuestProfile() : fetchUserProfile(id));
}
避免在条件外提前 await 导致逻辑错误
常见误区是把 await 写在 if 判断之前，导致无论条件如何都执行了异步操作，违背条件分支本意。
- ❌ 错误写法：先 await 再判断 —— 失去条件性，浪费请求
- ✅ 正确写法：先判断，再对对应分支中的 Promise 调用 await
- 如果多个分支共用部分逻辑，可提取公共 await 到分支前，但要确保它确实是必执行的
反例：
// ❌ 不推荐：不管 userId 是什么，fetchCommonData 都会执行
const common = await fetchCommonData();
if (userId === 'admin') {
const admin = await fetchAdminData();
return { ...common, ...admin };
} else {
const user = await fetchRegularData(userId);
return { ...common, ...user };
}
正例（更清晰体现条件性）：
// ✅ 推荐：common 数据只在需要时才获取（或明确它是必需前置）
const common = await fetchCommonData();
const detail = userId === 'admin'
? await fetchAdminData()
: await fetchRegularData(userId);
return { ...common, ...detail };
复杂嵌套或多个条件时，优先保证可读性
当条件多、分支深或涉及多个异步步骤时，强行扁平化可能降低可维护性。此时可拆分为小的 async 辅助函数，再组合调用。
- 每个子函数职责单一，便于测试和复用
- 主函数用 await 调用它们，逻辑仍线性清晰
- 避免深层嵌套的 if-else，改用 early return 或 switch 更易读
例如：
async function handleRequest(type, payload) {
if (!type) throw new Error('Type required');
switch (type) {
case 'create': return await createItem(payload);
case 'update': return await updateItem(payload);
case 'delete': return await deleteItem(payload);
default: throw new Error(`Unknown type: ${type}`);
}
}
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
