JavaScript异步编程详解与async/await用法

目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《JavaScript异步编程是什么？如何用async/await简化代码？》，也希望能帮助到大家，如果阅读完后真的对你学习文章有帮助，欢迎动动手指，评论留言并分享~

async/await 是 Promise 的语法糖，async 函数必返回 Promise（如 return 42 → Promise.resolve(42)），await 仅在 async 函数内有效，会暂停执行并等待 Promise resolve，错误需用 try/catch 捕获，并发请求应使用 Promise.all 而非连续 await。

async/await 不是新机制，而是 Promise 的语法糖；它不能消除异步本质，但能避免回调嵌套和显式 .then() 链。

为什么 async 函数返回的是 Promise？

因为 JavaScript 异步执行模型没变——async 函数内部仍依赖事件循环调度。哪怕函数体里只写 return 42，也会被自动包装成 Promise.resolve(42)。

• 直接 return 基本类型 → 等价于 Promise.resolve(value)
• 抛出错误 → 等价于 Promise.reject(error)
• 返回已存在的 Promise → 不会再包一层，原样透传

async function f() {
  return 'hello';
}
console.log(f()); // Promise { 'hello' }

await 只能在 async 函数里用，且只能等 Promise

await 本质是暂停当前 async 函数的执行（不阻塞主线程），等右侧表达式 resolve 后继续。它不是万能等待器——遇到非 Promise 值会立即返回，不会“等”。

• 如果 await 123，结果就是 123，无延迟
• 如果 await fetch('/api')，才真正等待网络响应完成
• 在顶层作用域或普通函数里写 await → 报错 SyntaxError: await is only valid in async function

async function getData() {
  const res = await fetch('/api');
  const data = await res.json();
  return data;
}

错误处理必须用 try/catch，不能靠 .catch()

await 后的 Promise reject 会以异常形式抛出，跳过后续语句。想捕获就得用 try/catch，否则会冒泡到最近的 async 上下文或变成未处理拒绝（unhandledrejection）。

• .catch() 在 await 表达式右边无效：比如 await promise.catch(...) 是错的逻辑
• 多个 await 要分别包裹，或统一用一个 try/catch 包住整段逻辑
• 忘记 try/catch 是线上静默失败最常见原因之一

async function safeFetch() {
  try {
    const res = await fetch('/api');
    if (!res.ok) throw new Error(`HTTP ${res.status}`);
    return await res.json();
  } catch (err) {
    console.error('Fetch failed:', err);
    return null;
  }
}

真正容易被忽略的点是：await 并不“串行化”所有操作——如果你连续 await 三个独立请求，它们仍是顺序等待；要并发就该用 Promise.all([a(), b(), c()])，再 await 这个组合 Promise。混用 await 和 Promise 并发模式，是性能掉坑最多的地方。

到这里，我们也就讲完了《JavaScript异步编程详解与async/await用法》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！