ES9 中引入了异步迭代器（Async Iterator）的概念，它可以使得在异步编程中使用迭代器的方法更加方便。在这篇文章中，我们将详细介绍异步迭代器的概念和用法，并且提供一些示例代码。
异步迭代器的概念
异步迭代器是一种迭代器的扩展方式，与普通的迭代器不同的是，异步迭代器支持返回 Promise 对象的方法。异步迭代器通常用于处理需要异步请求数据的迭代器序列，例如使用 AJAX 请求服务器数据。
异步迭代器是通过将异步操作封装在 next() 方法中来实现的。与普通的迭代器不同的是，next() 方法在调用时返回一个 Promise。当该 Promise 被解决或拒绝时，它将相应地提供值或抛出错误。
在以下示例中，我们将演示如何使用异步迭代器来从一个数据源中获取数据。
示例代码
假设我们正在编写一个返回数据源的异步迭代器。异步迭代器将使用一些底层 API 来获取数据，并按需返回数据。以下是一个示例代码：
-- -------------------- ---- ------- ----- ------- - ----- --------- -- - --- ----------- - -- ----- ------ - ----- ---- - ----- ----------------------------------------------------- -------------- ----- ---- - ----- ------------ -- ----------- - ------- - ----- ---------- - --展开代码
在此示例中，我们定义了一个异步迭代器 getData()，该迭代器从一个数据源获取数据。使用 yield 关键字，异步迭代器每次返回数据后都将暂停执行，并且在下一次调用 next() 方法时继续执行。
在接下来的代码示例中，我们将演示如何使用 getData() 迭代器获取数据：
const dataIterator = getData(); (async () => { for await (const data of dataIterator) { console.log(data); } })();
在此示例中，我们首先使用 getData() 函数创建一个迭代器。然后，我们使用 for await...of 循环来迭代数据。在使用 for of 循环时，我们需要通过 await 操作符来暂停迭代器的执行，并等待下一个数据返回。
一旦我们收到数据，我们就可以打印它们到控制台中。
学习意义
使用异步迭代器能够更好地管理异步操作，能够方便地在将来访问下一个值时进行暂停和恢复操作。这样，我们能够更好地控制我们的代码，并在异步编程中实现更强大的控制流。
在编写异步代码时，我们通常需要处理 Promise 对象，并手动操作 Promise 链。但是，使用异步迭代器可以大大减少这些繁琐的操作，从而提高代码的可读性和可维护性。
指导意义
在使用异步迭代器时，需要注意以下几个方面：
- 使用 async function* 关键字来定义异步迭代器。
- 在 next() 方法中返回 Promise 对象。
- 使用 yield 关键字来在迭代器中暂停执行。
- 在使用 for await...of 循环时，需要使用 await 操作符来暂停迭代器的执行。
总的来说，异步迭代器是一种强大的特性，它可以让我们更好地管理异步操作，并为我们带来更好的代码可读性和可维护性。我们应该多加利用这一特性，以便在异步编程中更加高效和方便地实现控制流。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b70f48306f20b3a63aa767
