async和await究竟干了什么
2026-05-27 23:17:56
async和await是JavaScript中用于简化异步编程的语法糖，其核心机制基于Promise和生成器（Generator）的协同工作。 具体来说：
async函数：
声明一个函数为异步函数，该函数会自动将返回值包装成一个Promise对象。
相当于生成器函数中的*，表示该函数内部可以使用await来等待异步操作完成。
await表达式：
用于暂停异步函数的执行，等待一个Promise对象解决（resolve）或拒绝（reject）。
相当于生成器中的yield，用于暂停执行并返回一个值，但await专门用于处理Promise。
底层机制：
Promise：处理异步操作的成功、失败和异常。async函数返回的Promise会根据函数体内await表达式的执行结果来决定是解决还是拒绝。
生成器（Generator）：通过yield暂停和恢复执行的能力，使得异步代码可以像同步代码一样书写。async/await在底层利用了生成器的这种特性，但通过更简洁的语法隐藏了复杂的生成器控制流程。
与生成器的关系：
生成器函数通过yield暂停执行，并通过next()方法恢复执行。async/await借鉴了这种模式，但自动化了生成器的控制流程。
在早期的实现中，async/await确实是通过生成器加Promise的转换来实现的，但现代JavaScript引擎已经将其作为原生语法支持，不再依赖生成器。
优势：
代码可读性：避免了回调地狱和Promise链的嵌套，使异步代码更接近同步代码的书写方式。
错误处理：可以使用try/catch块来捕获异步操作中的错误，类似于同步代码的错误处理方式。
调试友好：由于代码是顺序执行的，调试时更容易跟踪执行流程。
总结：async/await是Promise和生成器概念的语法糖，它通过async声明异步函数，通过await等待Promise的解决，从而以同步的方式编写异步代码，提高了代码的可读性和可维护性。
热门标签
