在前端开发中，经常会遇到需要异步循环的场景，比如处理异步请求的结果集。在 ES9 中，引入了 AsyncIterable 和 AsyncIterator 接口，使得异步循环变得更加方便和易于使用。
AsyncIterable
AsyncIterable 接口用于定义一个异步可迭代对象，该对象可以通过 for await...of 循环进行异步迭代。
----- --------- ---------------- - ----- -- ----- -- ----- -- - ----- ------------- - -----------------
在上面的例子中，我们定义了一个异步生成器函数 asyncGenerator，并将其返回值赋值给 asyncIterable 变量。该变量是一个异步可迭代对象。
AsyncIterator
AsyncIterator 接口用于定义一个异步迭代器，该迭代器可以通过 next() 方法进行异步迭代。
----- --------- ---------------- - ----- -- ----- -- ----- -- - ----- ------------- - ----------------- ----- ------------- - --------------------------------------
在上面的例子中，我们通过调用 asyncIterable 对象的 Symbol.asyncIterator 方法，获得了一个异步迭代器 asyncIterator。
使用 AsyncIterable 和 AsyncIterator 进行异步循环
有了 AsyncIterable 和 AsyncIterator 接口，我们就可以使用 for await...of 循环进行异步循环了。
----- --------- ---------------- -
----- --
----- --
----- --
-
----- ------------- - -----------------
----- -------- -------------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-
---------------在上面的例子中，我们定义了一个 asyncForEach 函数，该函数通过 for await...of 循环对 asyncIterable 进行异步迭代，并打印出每个元素的值。
示例代码
下面是一个完整的示例代码，演示了如何使用 AsyncIterable 和 AsyncIterator 进行异步循环。
----- --------- ---------------- -
----- --------
----- --------
-
----- ------------- - -----------------
----- -------- -------------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-
---------------结论
ES9 的 AsyncIterable 和 AsyncIterator 接口为异步循环提供了更加方便和易于使用的方式。通过定义异步可迭代对象和异步迭代器，我们可以使用 for await...of 循环进行异步循环。这对于处理异步请求的结果集等场景非常有用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673d9800a23a23f52a83bacc