ES9（即 ECMAScript 2018）为 JavaScript 带来了许多新的语言特性，其中之一就是 Async Iteration。Async Iteration 是一个由标准化机构提出的新概念，它为异步操作提供了一种更加方便、可读性更高、可组合性更好的方式。
什么是 Async Iteration？
我们知道，Iterable（可迭代对象）是一种表示具有一组元素的集合的对象。例如，Array、Set、Map 都是 Iterable，因为它们都表示一组元素。
而 Async Iteration 则是对 Iterable 的扩展：它表示一组异步元素。这些元素通常来自于需要异步请求的资源，例如从远程 URL 获得数据。
如何使用 Async Iteration？
Async Iteration 的最基本用法是通过 for-await-of 循环迭代异步元素。
示例代码：
async function iterateAsyncElements() {
for await (const element of asyncIterable) {
// await 操作
}
}这段代码中，我们使用 for-await-of 循环迭代 asyncIterable 中的异步元素。在循环框架内，我们可以使用 await 操作符等待操作完成，然后将结果赋给 element。
除了 for-await-of 循环，我们还可以将 Async Iteration 与处理器方法（Handler Methods）结合使用。处理器方法是 Async Iteration 的构建块之一，它们定义了如何生成一个 Async Iterator。
示例代码：
-- -------------------- ---- -------
----- ------------- - -
----- ------------------------- -
-- ------
----- --
----- --
----- --
-
--
------ ---------- -
--- ----- ------ ------- -- -------------- -
---------------------
-
-----在这个示例中，我们定义了一个名为 asyncIterable 的对象，它的 Symbol.asyncIterator 处理器方法实现了该对象的 Async Iterator。我们使用 yield 关键字生成异步元素，并将其迭代并输出到控制台中。
Async Iteration 的指导意义
Async Iteration 使我们可以更好地处理异步数据，并将其组合起来，以创建更加复杂的异步操作。使用 Async Iteration，我们可以编写更加简洁、可读性更高的异步代码，从而使代码更加易于维护。
此外，Async Iteration 还提供了一种与迭代器协议相对应的可组合性。这种可组合性可以帮助我们构建更加复杂的异步操作，在编写复杂异步操作时提供更高的灵活性。
总结
ES9 的 Async Iteration 是一个强大、可读性优秀、可组合性高的特性，它为异步操作提供了更加简单和优雅的处理方式。通过 for-await-of 循环和处理器方法，我们可以迭代异步元素并进行操作。使用 Async Iteration，我们能够更加轻松地组合异步操作，从而构建更加复杂、灵活的异步代码。
抓取并处理异步数据的场景下，Async Iteration 可谓是非常实用。我们应该更加深入了解它的各种用法，并在适用场景中加以应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647ff3aa48841e9894f75eca