async/await 的底层实现

async/await 是一种用于异步编程的语法糖，它使得编写异步代码更加简洁和易读。在底层，async/await 是通过生成器（generator）和 Promise 对象来实现的。

当一个函数被标记为 async 时，它会返回一个 Promise 对象。在函数内部，可以使用 await 关键字来等待一个 Promise 对象的完成，并将其结果返回。在等待期间，函数会暂停执行，不会阻塞其他代码的执行。

底层实现中，async 函数会被转换成一个状态机。当调用 async 函数时，它会返回一个 Promise 对象，并立即执行函数体中的代码。当遇到 await 关键字时，函数会将控制权交给外部调用者，并等待 Promise 对象的完成。一旦 Promise 对象完成，函数会恢复执行，并将 Promise 的结果作为返回值。

在生成器的帮助下，async/await 实现了暂停和恢复执行的功能。生成器是一种特殊的函数，可以通过 yield 关键字将控制权交出，并在需要时重新获取控制权。async 函数内部会使用生成器来实现暂停和恢复执行的功能。

总结一下async/await 的底层实现：
1. async 函数被转换成一个状态机。
2. await 关键字会将控制权交给外部调用者，并等待 Promise 对象的完成。
3. 生成器帮助实现了暂停和恢复执行的功能。

相关问题

async/await底层原理

`async/await`是JavaScript中的异步编程模型，灵感来源于Promise和Generator函数。它的底层原理主要基于以下几个方面：

1. **Promises**：`async`关键字实际上返回的是一个Promise，它代表了异步操作的最终完成状态。当`await`关键字后面的表达式是一个Promise时，会暂停当前任务的执行，直到Promise解析完毕。

2. **Continuation Passing Style (CPS)**：`await`内部实际上是将异步操作的结果转化为一个同步的操作，通过隐式的调用`.then()`方法传递结果。这种方式可以看作是一种间接的控制流转换。

3. **Generator函数**：`await`后面的Promise会被转换成生成器的yield表达式，使得代码看起来像是在顺序执行。当Promise被resolve或reject时，yield会自动处理结果并恢复到await前的状态。

4. **Event Loop**：整个过程依赖于浏览器或Node.js的事件循环机制。`await`并不会阻塞事件循环，而是在等待Promise解析期间，让其他任务继续运行。

promise和async/await的区别，什么时候使用promise，什么时候使用async/await

Promise和async/await都是JavaScript中处理异步操作的机制。

Promise是一种用于处理异步操作的对象。它可以表示一个异步操作的最终完成（或失败）及其结果的值。Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。通过使用`then`和`catch`方法，我们可以对Promise进行链式调用来处理异步操作的结果。

async/await是基于Promise的语法糖，它提供了一种更简洁的方式来编写异步代码。使用async关键字声明一个函数为异步函数，在异步函数中可以使用await关键字来等待一个Promise对象的解决（即成功状态）并返回其结果。使用try-catch语句来捕获异步操作中的错误。

当你只需要处理一个异步操作时，可以使用Promise。它提供了一种更底层的方法来处理异步操作，并允许你使用`then`和`catch`方法来处理异步操作的结果和错误。

当你需要依次执行多个异步操作，并且每个操作依赖于前一个操作的结果时，async/await更加适合。它提供了一种更直观和同步的方式来编写异步代码，并且可以让你以同步的方式编写异步流程。

总结起来，当你只需要处理一个简单的异步操作时，使用Promise；当你需要处理多个依次执行的异步操作，并且希望代码看起来更加同步和简洁时，使用async/await。