js async await内部实现原理

async/await 是 JavaScript 中处理异步操作的一种语法糖，它使得编写异步代码更加清晰和易懂。在内部实现上，async/await 是基于 Promise 的。

当我们在一个函数前面加上 async 关键字时，这个函数就会返回一个 Promise 对象。在这个函数内部，我们可以使用 await 关键字来等待一个 Promise 对象的解决（即状态变为 resolved）。

当遇到 await 关键字时，代码会暂停执行，直到这个 Promise 对象的状态变为 resolved。然后，await 表达式会返回 Promise 对象的解决值。如果 Promise 对象的状态变为 rejected，那么 await 表达式会抛出一个错误。

下面是一个简单的示例，演示了 async/await 的内部实现原理：

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function delayExample() {
  console.log('Start');
  await sleep(1000);
  console.log('After 1 second');
  await sleep(2000);
  console.log('After 2 more seconds');
}

delayExample();

在上面的示例中，我们定义了一个 sleep 函数，它返回一个 Promise 对象，在指定的时间后解决。然后，我们定义了一个 async 函数 delayExample，内部使用了 await 关键字来等待 sleep 函数的解决。在调用 delayExample 函数时，它会依次输出 "Start"、"After 1 second" 和 "After 2 more seconds"，总共需要等待 3 秒。