JavaScript异步函数与await使用详解

从现在开始，我们要努力学习啦！今天我给大家带来《JavaScript异步函数用法及await解析》，感兴趣的朋友请继续看下去吧！下文中的内容我们主要会涉及到等等知识点，如果在阅读本文过程中有遇到不清楚的地方，欢迎留言呀！我们一起讨论，一起学习！

async/await是基于Promise的语法糖，使异步代码更直观；async函数自动返回Promise，await在async内暂停执行并等待Promise完成，支持错误捕获且不阻塞线程。

async/await 是 JavaScript 中处理异步操作的语法糖，本质是基于 Promise 的封装，让异步代码写起来像同步代码一样直观。 它不会改变异步的本质，但大幅简化了 Promise 链式调用和错误处理的写法。

async 函数：自动返回 Promise 的函数

在函数声明前加 async，该函数就变成异步函数。它会自动把返回值包装成 Promise：

• 如果函数返回普通值（如 return 42），实际返回的是 Promise.resolve(42)
• 如果函数抛出异常（throw new Error()），等价于返回 Promise.reject(...)
• 如果返回一个已存在的 Promise，就直接返回它（不额外包装）

await：暂停执行，等待 Promise settle

await 只能在 async 函数内部使用。 它会让 JS 引擎暂停当前 async 函数的执行，等待右侧表达式（必须是 Promise 或 thenable）完成（fulfilled 或 rejected），然后继续执行：

• 如果 Promise 成功（fulfilled），await promise 的结果就是 promise.then(value => value) 中的 value
• 如果 Promise 失败（rejected），await 会抛出错误，可以用 try...catch 捕获
• 注意：await 不会阻塞整个线程，只是暂停当前 async 函数；其他任务（如事件、定时器）仍可正常运行

常见用法示例

对比传统 Promise 写法与 async/await：

// Promise 风格
fetch('/api/data')
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error(err));

// async/await 风格
async function getData() {
  try {
    const res = await fetch('/api/data');
    const data = await res.json();
    console.log(data);
  } catch (err) {
    console.error(err);
  }
}

await 处理非 Promise 值

await 会自动对非 Promise 值调用 Promise.resolve()：

• await 123 等价于 await Promise.resolve(123)，立即得到 123
• await { then() { ... } }（thenable 对象）也会被当作 Promise 处理
• 但 await null、await undefined 也合法，它们会被转为 Promise.resolve(null) 等

不复杂但容易忽略：await 后面不是 Promise 也能用，但真正有意义的等待，还是得靠真正的异步 Promise。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript异步函数与await使用详解》文章吧，也可关注golang学习网公众号了解相关技术文章。