如何在 ES9 中使用 Async 迭代器-JavaScript中文网-JavaScript教程资源分享门户

如何在 ES9 中使用 Async 迭代器

ES9 引入了 Async Generators 以及 Async Iterators，这使得我们可以更加简单、高效地处理异步迭代操作。在本文中，我们将学习如何在 ES9 中使用 Async 迭代器。

Async Generators 简介

Async Generators 是一个生成器函数，它产生具有异步行为的结果。我们可以通过使用 Async Generators 来遍历异步数据集合并等操作。在 ES9 中，我们可以使用 async function* 语法将一个生成器函数转换为 Async Generators。

我们来看一个使用 Async Generators 的例子：

// javascriptcn.com 代码示例
async function* generateAsyncValues() {
  yield Promise.resolve(1);
  yield Promise.resolve(2);
  yield Promise.resolve(3);
}

(async () => {
  for await (let item of generateAsyncValues()) {
    console.log(item);
  }
})();

在上面的例子中，我们 yield 在一个 Promise 上，这样我们就可以产生一个异步值，同时在 for-await-of 循环中，我们也使用了 await 关键字来等待每个异步值和迭代操作的完成。

Async Iterators 简介

Async Iterators 是一种可遍历的对象，我们可以使用 for-await-of 循环来对其进行遍历。与 ES6 的迭代器类似，Async Iterators 也需要实现生成器函数中的 next() 方法。同时，我们还需要在生成器函数中添加一个 Symbol.asyncIterator 属性，以满足 Async Iterators 的迭代器协议。

我们来看一个简单的 Async Iterators 示例：

// javascriptcn.com 代码示例
const asyncDataGenerator = async function*() {
  yield Promise.resolve(1);
  yield Promise.resolve(2);
  yield Promise.resolve(3);
};

(async function() {
  for await (const item of asyncDataGenerator()) {
    console.log(item);
  }
})();

在上面的代码中，我们定义了一个 Async Generators 函数，它返回了一个 Promise。在 for-await-of 循环中，我们使用 await 关键字等待每个 Promise 值的返回，并输出打印结果。

Async Iterators 的使用

Async Iterators 可以用于许多应用程序中，尤其是在处理异步数据集合和流等操作时。让我们看看一个简单的例子，如何使用 Async Iterators 来从一个异步 API 中检索数据。

// javascriptcn.com 代码示例
const getUser = async id => {
  const response = await fetch(`https://jsonplaceholder.typicode.com/users/${id}`);
  const user = await response.json();

  return user;
};

const users = async function*(ids) {
  for (const id of ids) {
    yield getUser(id);
  }
};

(async() => {
  for await (const user of users([1, 2, 3])) {
    console.log(user.name);
  }
})();

在以上示例代码中，我们定义一个 Async Generators 函数，它接受 ID 数组作为参数，并协调使用 getUser() 函数从 API 中检索每个用户。在 for-await-of 循环中，我们可以使用 await 关键字等待每个用户的返回，并在控制台中输出其名称。

总结

在 ES9 中，Async Generators 和 Async Iterators 使得异步迭代操作更加高效、简单和可读。我们可以使用 Async Generators 来协调异步操作，同时使用 Async Iterators 来遍历异步数据集合。在实际应用中，我们可以使用 Async 迭代器来轻松处理异步数据流和 API 等操作。

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