async/await 能让异步逻辑回归线性结构，统一错误处理、简化控制流、减少嵌套；需全程统一使用，配合 try/catch 集中捕获错误，并合理组合串行与并行以提升可读性和性能。
用 async/await 替代回调链和 Promise 链，能让异步逻辑回归线性结构，大幅降低理解成本和修改风险。关键不在于语法糖本身，而在于它如何统一错误处理、简化控制流、减少嵌套层级。
统一使用 async/await，避免混用 .then()
调用端仍用 .then() 会破坏 async/await 的语义连贯性，导致错误无法被上层 try/catch 捕获，也掩盖了执行顺序的直观性。
- ❌ 不推荐：函数内部用
await，外部却用.then() - ✅ 推荐：整个调用链都用
async/await，包括事件处理器、生命周期钩子、按钮点击等入口函数 - 示例：把组件中
useEffect或 Vue 的onMounted声明为async，直接await fetchData()，而非fetchData().then(...)
用 try/catch 集中处理异步错误
相比分散在每个 .catch() 中的错误处理，try/catch 让错误路径清晰可见，便于统一日志、降级或用户提示。
- 错误会自然冒泡到最近的
catch块，无需手动传递 error 参数 - 可对不同阶段做差异化处理：网络层超时、业务层校验失败、数据格式异常等可在同一
catch内分类响应 - 避免遗漏：Promise 链中漏写
.catch()会导致未捕获 rejection；而try/catch是语法强制覆盖
扁平化流程，消除嵌套与状态耦合
串行依赖操作（如“先取用户 → 再取订单 → 最后取商品”）用 await 直接表达因果关系，不再需要中间变量暂存 promise 或手动管理 loading 状态。
立即学习“Java免费学习笔记（深入）”；
- 代码结构与业务逻辑完全对齐，改需求时只需增删对应 await 行，不易错漏
- 调试时断点可逐行跟进，不像 Promise 链需跳转多个
.then回调 - 配合解构赋值（如
const { data } = await axios.get(...)），进一步减少临时变量和冗余属性访问
合理组合并行与顺序，提升可读性与性能平衡
明确区分哪些请求必须串行、哪些可以并行，用 Promise.all 或 Promise.allSettled 显式表达意图，比手写多个 await 更易维护。
- 并行请求用数组解构：
const [a, b, c] = await Promise.all([fetchA(), fetchB(), fetchC()]) - 部分失败可接受时，改用
allSettled并单独判断每个结果状态 - 避免“为并行而并行”：若后一步依赖前一步结果，硬拆成并行反而引入竞态或逻辑错乱
