在 JavaScript 中，异步编程一直是一个重要的主题。ES6 引入了 Promise，使得异步编程更加简单和优雅。
随着 Async/Await 的流行，JavaScript 的异步编程方式变得更加直观、易懂和可控。
ES9 引入了 Async Iteration 特性，从而使得异步迭代变得更加容易和优雅。本文将会介绍 Async Iteration 特性的基本概念、功能和使用方法。
Async Iteration
在 ES9 中，Async Iteration 特性是基于 Iterator 和 Async/Await 的基础上实现的。它允许我们在异步代码中使用 for...of 循环来遍历异步序列。
这个特性的核心是异步 Iterator。异步 Iterator 是一个返回 Promise 的对象，它可以在迭代序列的下一项可用时解析该 Promise。
示例代码
-- -------------------- ---- ------- ----- --------- --------------------- - ----- -- ----- -- ----- -- - ------ ---------- - ----- ------------- - ---------------------- ----- ------------- - -------------------------------------- ----------------- ---------------------- -- - ------ -- ----- ----- - ----------------- ---------------------- -- - ------ -- ----- ----- - ----------------- ---------------------- -- - ------ -- ----- ----- - ----------------- ---------------------- -- - ------ ---------- ----- ---- - -----
在这个代码示例中，通过创建一个异步 Generator 函数 createAsyncIterable()，我们可以生成一个包含 1、2、3 的异步序列。我们可以使用 asyncIterator.next() 方法来遍历这个序列。
在 asyncIterator.next() 方法返回的 Promise 解析后，我们可以获取到该序列的下一个值。
当序列结束时，asyncIterator.next() 方法返回的值即为 { value: undefined, done: true }。
异步迭代器
在 ES9 中，为了支持异步迭代，我们需要实现一个异步迭代器。
异步迭代器是一个返回异步迭代器对象的函数。该对象必须实现一个 [Symbol.asyncIterator]() 方法，该方法返回异步迭代器对象本身。
异步迭代器对象必须实现一个 next() 方法，该方法返回一个 Promise。当该 Promise 解析时，必须返回包含 value 和 done 两个属性的对象。
如果序列已经到达结尾，则 done 属性为 true，否则为 false。value 属性包含序列的下一个值。
示例代码
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
------ -
-- --
------ -
-- ------- - -- -
------ ----------------- ------ --------- ----- ----- ---
-
------ ----------------- ----- ---- ---
-
--
-
--
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----在这个代码示例中，我们创建了一个对象 asyncIterable，它实现了异步迭代器。
在 for...of 循环中，我们使用了 for await...of，而不是 for...of。这样，我们就可以遍历异步序列，并且在每次循环中等待异步操作。
总结
ES9 的 Async Iteration 特性为异步编程提供了更加优雅、可控并且可读性更强的解决方案。
通过借助异步迭代器和 Async/Await，我们可以使用 for...of 循环来遍历异步序列，而无需担心在异步任务完成时被阻塞。
在实践中，我们可以使用 Async Iteration 特性来处理诸如流处理、文件读写、网络通信等异步操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649e6e4648841e9894aefe08