先掌握Generator，才能彻底弄懂async/await！

2023-11-10 06:16:26

前言

在上一章中，我们探讨了Generator的相关知识。作为理解async/await的基础，Generator可以帮助我们更好地理解async/await的原理和用法。

什么是async/await？

async/await是对Promise处理异步任务同步化的进一步优化。它是一种语法糖，使得异步代码看起来像同步代码一样执行。async/await是ES6中引入的，它极大地简化了异步编程的语法，使得代码更易读、更易维护。

async/await的语法

async/await的使用非常简单。首先，我们需要使用async来定义一个async function。然后，在async function内部，我们可以使用await关键字来等待异步操作的完成。

async function myFunction() {
  const result = await Promise.resolve('Hello, world!');
  console.log(result); // Hello, world!
}

myFunction();

async/await的原理

async/await的原理并不复杂。它实际上是利用了Generator来实现的。当我们使用async/await来定义一个async function时，JavaScript引擎会自动创建一个Generator函数。这个Generator函数会负责执行异步操作，并返回一个Promise对象。

当我们使用await关键字来等待异步操作的完成时，JavaScript引擎会暂停Generator函数的执行，并等待Promise对象的状态变为resolved。当Promise对象的状态变为resolved时，JavaScript引擎会继续执行Generator函数，并将Promise对象的值作为await表达式的值。