async/await简化异步编程体验

async/await 作为 Promise 的优雅语法糖，让异步代码告别嵌套回调和冗长的 .then() 链，以接近同步的直观写法实现非阻塞操作——它不改变 JavaScript 的事件循环本质，却大幅提升了可读性与错误处理体验：用 try/catch 统一捕获网络异常、解析错误或手动抛出的异常；但需谨记 await 只能在 async 函数中使用，等待非 Promise 值无意义，且多个 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];
}

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

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《async/await简化异步编程体验》文章吧，也可关注golang学习网公众号了解相关技术文章。