async/await 的核心优势在于将异步代码“拉直”为线性结构，从而消除回调地狱，解决嵌套和作用域混乱问题。同时，它提供了清晰的变量作用域、集中的错误处理（try/catch）、灵活的并发控制（Promise.all）以及更直观的调试体验。简而言之，它让异步逻辑的编写如同同步代码一样自然流畅。
说白了，async/await 的核心价值在于让异步代码回归线性结构。以往实现“等完 A 再做 B”这类逻辑，需要多层回调或 .then 链，现在只需逐行编写语句，无需嵌套传参，也无需记忆中间值所在的层级。
把多层嵌套变成顺序阅读
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()`，稍有不慎遗漏就会导致异步调用失败静默。async/await 允许使用 try/catch 包裹整个流程：
- 所有 await 行为（包括网络请求失败、JSON 解析错误、同步代码中的 throw 异常）都会进入同一个 catch 块
- 正常逻辑专注执行，异常统一处理（如日志、提示、关闭加载状态）
- 还可添加 finally 进行收尾工作（如重置状态、释放资源）
这不仅减少了代码量，更让问题排查有据可依，不再需要搜索“Promise 里的异常去哪了”。
并发与串行切换不破坏结构
串行等待易于理解，但并行场景如何实现？最高效的方法无需重构整体代码。
- 串行写法：`const a = await api1(); const b = await api2();`
- 并行写法：`const [a, b] = await Promise.all([api1(), api2()]);`
- 混合场景也很自然：先串行拿到 token，再用并行拉取多个数据，整体代码仍是平铺直叙的
代码结构始终如一，结构化思维不变，相比之前用回调或 Promise 链的方式，业务写法直接简化了一大截。
调试体验明显改善
调试体验也有显著提升。在编辑器中设置断点，执行会在 `await` 行暂停，等待异步结果返回后再继续。相比 Promise 链中异步流程进入微任务队列，堆栈难以追踪，这种体验截然不同。变量始终在当前作用域可见，无需通过 `console.log` 摸索下层参数名，也无需逐层查看 `.then` 的参数表。日常排查问题从“摸索”转变为“清晰可见”。
