为什么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 上下文

常见误操作包括：

• 在普通函数或全局作用域中直接写 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];
}

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