async/await通过线性结构、统一错误处理、减少嵌套和明确控制流提升可维护性，天然匹配业务串行逻辑，支持逐行调试、解构赋值、try/catch集中捕获异常，并要求调用链风格统一，结合promise.all显式表达并行或串行意图。
async/await 通过让异步逻辑回归线性结构、统一错误处理、减少嵌套和明确控制流，显著提升代码可维护性。它不是语法糖的简单替换，而是重构异步思维的关键工具。
让代码结构匹配业务逻辑
串行依赖的操作（比如“先登录 → 再拉取用户信息 → 最后加载权限配置”）天然具有先后因果关系。用 await 直接表达这种顺序，代码行与业务步骤一一对应：
- 修改某一步骤时，只需增删或调整单行 await，不易遗漏或错位
- 调试时可逐行打断点，执行路径清晰，不像 Promise 链需反复跳转 .then 回调
- 配合解构赋值（如 const { user } = await api.getUser()），避免中间变量堆积和属性链访问
集中且可靠的错误处理
用 try/catch 替代分散的 .catch()，把所有异步错误收束到同一位置：
- 错误自然冒泡到最近的 catch 块，无需手动传递 error 或重复写 .catch()
- 可在同一个 catch 内区分处理：网络超时、接口返回异常、数据格式不符等不同场景
- 避免漏写 .catch 导致未捕获 rejection —— try/catch 是语法强制覆盖，更安全
统一调用链，避免语义断裂
维护性下降常源于混用风格：函数内部用 await，外部却用 .then()。这会破坏执行顺序的直观性，也让错误无法被上层 try/catch 捕获：
- 事件处理器（如按钮点击）、生命周期钩子（如 useEffect、onMounted）都应声明为 async，并直接 await
- 禁止在 async 函数里 return promise.then(...)；整个调用链保持 async/await 一贯性
- 入口函数统一异步化后，后续扩展（如加 loading 状态、埋点、重试逻辑）更易横向复用
并行与串行意图显式可读
何时该一起发请求？何时必须等前一个结果？async/await + Promise.all 让这些决策一目了然：
- 并行请求写成 const [a, b] = await Promise.all([fetchA(), fetchB()])，意图明确，性能可控
- 部分失败可接受时，改用 allSettled 并单独判断每个结果状态，逻辑仍在线性结构内
- 避免“为并行而并行”——若第二步依赖第一步输出，硬拆并行反而引入竞态或数据不一致
