ES9中三剑客：Async iterator、Async generator和for await...of语句

异步迭代器、异步生成器和 for await...of：ES9 异步编程的新利器

在 ES9 中，异步编程迎来了革命性的升级，引入了异步迭代器、异步生成器和 for await...of 语句这三大特性。这些特性让开发者可以更轻松、更优雅地编写异步代码，极大地提高了异步编程的效率和可读性。

异步迭代器：异步世界的迭代器

迭代器是一种特殊对象，它具有一个 next() 方法，返回一个包含 value 属性和 done 属性的对象。value 属性表示迭代器的当前值，done 属性表示迭代器是否已完成。

异步迭代器 与普通迭代器的功能类似，但它支持异步操作。这意味着，异步迭代器在执行 next() 方法时可以暂停执行，并在异步操作完成后恢复执行。

异步生成器：异步世界的生成器

生成器是一种特殊函数，使用 yield 暂停执行，并在需要时恢复执行。异步生成器 与普通生成器的工作原理基本相同，但它支持异步操作。

这意味着，异步生成器在执行 yield 关键字时可以暂停执行，并在异步操作完成后恢复执行。

for await...of 语句：异步迭代的利器

for await...of 语句 是 ES9 新增的一种语句，用于遍历异步迭代器或异步生成器。它的语法与普通的 for...of 语句非常相似，但在遍历异步迭代器或异步生成器时，它会自动暂停执行，等待异步操作完成后再恢复执行。

如何创建异步迭代器

创建异步迭代器的方法有很多，最简单的方法是使用 async function* 关键字定义一个异步生成器函数。异步生成器函数在执行时，会返回一个异步迭代器对象。

代码示例：

async function* fibonacci() {
  let a = 0, b = 1;
  while (true) {
    let c = a + b;
    a = b;
    b = c;
    yield c;
  }
}

调用这个异步生成器函数，就能得到一个异步迭代器对象。然后，可以使用 for await...of 语句来遍历这个异步迭代器对象，并输出斐波那契数列：

(async () => {
  for await (const num of fibonacci()) {
    console.log(num);
  }
})();

结语

异步迭代器、异步生成器和 for await...of 语句 是 ES9 中新增的强大特性，它们可以极大地简化异步编程。这些特性让开发者可以轻松编写高性能、高可读性的异步代码。

常见问题解答

1. 异步迭代器与普通迭代器的区别是什么？

异步迭代器支持异步操作，可以在执行 next() 方法时暂停执行，并在异步操作完成后恢复执行。普通迭代器不支持异步操作，只能同步执行。

2. 异步生成器与普通生成器的区别是什么？

异步生成器支持异步操作，可以在执行 yield 关键字时暂停执行，并在异步操作完成后恢复执行。普通生成器不支持异步操作，只能同步执行。

3. for await...of 语句有什么用？

for await...of 语句用于遍历异步迭代器或异步生成器。它会在遍历时自动暂停执行，等待异步操作完成后再恢复执行。

4. 如何创建异步迭代器？

最简单的方法是使用 async function* 关键字定义一个异步生成器函数。异步生成器函数在执行时，会返回一个异步迭代器对象。

5. 异步迭代器有哪些好处？

异步迭代器支持异步操作，可以极大地提高异步编程的效率和可读性。它让开发者可以轻松编写高性能、高可读性的异步代码。