ES9 中的 Async Generators

ES9 中的 Async Generators

ES9 带来了许多新的功能和语法，其中 Async Generators 是其中一个非常有价值和实用的功能。它为开发人员提供了对异步过程进行控制的新方法，使代码变得更加清晰和易于管理。

Async Generators 简介

Async Generators 是一种函数，它将生成器和异步函数的功能结合起来。它们提供了一种方便且读取性强的处理异步数据流的方式。Async Generators 可以同时生成多个值并跟踪异步过程的进度。

语法示例：

// javascriptcn.com 代码示例
async function* generateRandomNumbers() {
  while (true) {
    yield await fetch('randomNumberAPI').then(r => r.json());
  }
}

const randomNumbers = generateRandomNumbers();
randomNumbers.next()
  .then(value => console.log(value));

在上面的代码中，generateRandomNumbers 是一个 Async Generator 函数，它通过 while 循环来生成一个随机数序列。在循环体中，使用 await 关键字来等待 fetch 请求的响应，并使用 yield 将获取到的值返回给外部。

使用 Async Generators 打造异步数据流

在实际开发过程中，我们经常会遇到需要处理异步数据流的问题。传统的嵌套回调和 Promise 都无法完全解决这个问题，并且也很难理解和维护。这是 Async Generators 的存在意义所在。

下面是一个示例，它使用 Async Generators 来生成一个随机数序列，并使用 for-await-of 循环来从序列中获取数据：

// javascriptcn.com 代码示例
async function* generateRandomNumbers() {
  while (true) {
    yield await fetch('randomNumberAPI').then(r => r.json());
  }
}

(async function() {
  for await (const number of generateRandomNumbers()) {
    console.log(number);
  }
})();

在上面的代码中，我们使用了 for-await-of 语义来遍历序列，并且这个语义只能在 Async Generators 函数中使用。它会自动将序列中的每个项返回给我们的 for 循环体，直到所有项都被迭代完毕。

总结

ES9 中的 Async Generators 提供了一种优雅且有效的方式来处理异步数据流。这个特性简化了编写和理解异步代码的过程，并且使得控制并行执行的代码变得更加容易。开发人员可以使用它来解决复杂问题，提高代码的可读性和可维护性。

建议开发人员在业务中尽可能使用 Async Generators，掌握这个技术始终是一个优秀开发人员必备的技能。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653329e77d4982a6eb696228