async/await是基于Promise的语法糖,async函数自动返回Promise,await暂停执行并等待Promise完成,通过try/catch捕获错误,底层类似Generator与自动执行器,提升异步代码可读性。

async/await 是 JavaScript 中处理异步操作的一种语法糖,它建立在 Promise 的基础上,让异步代码看起来更像同步代码,提升可读性和可维护性。
async 函数的本质
async 关键字用于声明一个函数是异步的。当一个函数被标记为 async 时,它会自动返回一个 Promise 对象。
即使函数中没有显式返回 Promise,JavaScript 也会将其返回值包装成已解决(resolved)的 Promise。
例如:async function getData() { return "hello"; }
立即学习“Java免费学习笔记(深入)”;
调用 getData() 实际上返回的是 Promise.resolve("hello")。
await 的工作机制
await 只能在 async 函数内部使用,它的作用是暂停函数的执行,直到右侧的 Promise 被解决或拒绝。
JavaScript 引擎并不会阻塞整个线程,而是将控制权交还给事件循环,等 Promise 完成后再恢复执行。
- 遇到 await,检查右侧表达式
- 如果表达式不是 Promise,则立即转为 resolved 的 Promise
- 如果是 Promise,则等待其状态变更
- Promise 成功时,恢复函数执行,并将 resolve 值赋给 await 表达式
- Promise 失败时,抛出异常,可通过 try/catch 捕获
错误处理机制
由于 await 会让 Promise 的 reject 表现为异常,因此推荐使用 try/catch 来捕获错误。
示例:
async function fetchData() {
try {
const res = await fetch('/api/data');
const data = await res.json();
return data;
} catch (err) {
console.error('请求失败:', err);
}
}
这比链式 .then().catch() 更直观,尤其在多个异步步骤中。
底层实现原理简析
async/await 实际上是 Generator 函数和自动执行器的语法糖。
可以理解为:引擎将 async 函数转换为基于状态机的执行流程,每个 await 相当于一个 yield 点,由内置的执行器管理 Promise 的回调并驱动函数继续运行。
这种设计使得开发者无需手动调用 next() 或管理异步流程状态。
基本上就这些。async/await 让异步编程更简洁,但核心仍依赖 Promise 和事件循环机制,理解这一点有助于写出更可靠的异步代码。










