async await 语法糖如何提升代码的可读性

async/await使异步代码线性化，消除嵌套与回调地狱，支持清晰变量作用域、集中错误处理（try/catch）、灵活并发控制（Promise.all）及直观调试体验。

async/await 让异步代码回归线性结构，把“等完 A 再做 B”这种自然逻辑直接写成逐行语句，不用嵌套、不用传参、不用记中间值在哪一层。

把多层嵌套变成顺序阅读

Promise 链容易写成 .then(a => b(a)).then(b => c(b))，读的时候得来回跳转、反向推依赖；而 async/await 把它拉直：

• const user = await getUser();
• const orders = await getOrders(user.id);
• const logistics = await getLogistics(orders[0].id);

变量名清晰、作用域明确，哪一步出问题、哪一步要调试，一眼就能定位。

错误处理集中到一处

原来每个 .then() 后面都可能跟一个 .catch()，漏一个就可能静默失败；现在统一用 try/catch 包住整个流程：

• 所有 await 行为——网络请求失败、JSON 解析报错、甚至同步代码 throw，都会进同一个 catch
• 正常逻辑专注流转，异常归一处理，比如统一打日志、弹提示、关 loading
• 还能配合 finally 做收尾，比如重置状态或释放资源

并发与串行切换不破坏结构

串行等待很直观，但需要并行时也不用改写风格：

• 串行写法：const a = await api1(); const b = await api2();
• 并行写法：const [a, b] = await Promise.all([api1(), api2()]);
• 混合也很自然：先串行拿 token，再并发拉多个数据，代码仍是平铺直叙

调试体验明显改善

在编辑器里点断点，执行会真正在 await 那一行暂停，等结果回来再继续；不像 Promise 链那样跳进微任务队列、堆栈难追踪。变量始终在当前作用域可见，不用靠 console.log 或反复查上一层 then 的参数名。