为什么Javascript的async/await能改善异步代码？

async/await 是 promise 的语法糖，将链式调用扁平化，不改变事件循环；需在 async 函数中使用，错误用 try/catch 捕获，多个 await 默认串行，需 Promise.all 实现并发。

async/await 让异步代码看起来像同步代码，但本质仍是 Promise 驱动

它不改变事件循环机制，也不让 js 变成“阻塞式语言”，而是通过语法糖把 Promise.then() 链式调用扁平化。你写的 await fetch('/api') 实际上等价于 fetch('/api').then(...)，只是引擎自动帮你挂起函数执行、在 Promise settle 后恢复上下文。

错误处理更接近 try/catch 的直觉逻辑

不用再为每个 .catch() 找对位置，也不用担心 reject 被意外吞掉。只要把可能抛出异常的异步操作包进 try 块，就能捕获网络失败、json 解析错误、甚至 throw new Error()：

async function loadData() {   try {     const res = await fetch('/api/users');     if (!res.ok) throw new Error(`HTTP ${res.status}`);     const data = await res.json();     return data;   } catch (err) {     console.error('加载失败:', err.message);     throw err;   } }

注意：未被 try/catch 包裹的 await 出错时，仍会返回 rejected Promise —— 这和直接写 Promise.catch() 行为一致，不是“静默失败”。

await 只能用在 async 函数里，且不能脱离 Promise 上下文

常见误操作包括：

立即学习“Java免费学习笔记（深入）”；

• 在普通函数或全局作用域中直接写 await fetch(...) → 报错 SyntaxError: await is only valid in async function
• 用 await 等待一个非 Promise 值（比如数字、字符串）→ 不报错，但毫无意义，相当于 Promise.resolve(value)
• 忘记 return 导致函数返回 undefined，而你以为它返回了数据

真正关键的是：只要用了 await，函数就自动返回 Promise，调用方必须用 await 或 .then() 处理结果 —— 这个契约不会因为写法变简洁而消失。

并发控制容易被忽略：多个 await 是串行的，不是并行的

下面这段代码耗时约 600ms，不是 300ms：

async function badParallel() {   const a = await fetch('/api/a'); // ~300ms   const b = await fetch('/api/b'); // 再 ~300ms   return [a, b]; }

想真正并发，得先触发所有 Promise，再统一 await：

async function goodParallel() {   const [a, b] = await Promise.all([     fetch('/api/a'),     fetch('/api/b')   ]);   return [a, b]; }

这个区别在真实项目里直接影响接口响应时间，但新手常因语法太像同步代码而误判执行顺序。