ECMAScript 2018（ES2018）是 JavaScript 语言的最新版本，其中包含了一些新的功能和语法。其中，Async Iterator 与 for-await-of 循环是 ES2018 中新增的异步编程功能。
什么是 Async Iterator
在 ES6 中，引入了 Iterator 接口，它规定了一种遍历数据结构的统一方式。而 Async Iterator 则是在 Iterator 的基础上扩展，能够处理异步操作：
-- -------------------- ---- ------- ----- --------- ----------- - ----- -- ----- -- ----- -- - ----- ------------- - ------------ ------------- ------- ----------- -- -------------------- -- -- ------- -- ----- ------
上面的代码中，我们定义了一个 async function*，用于生成一个包含三个数字的异步迭代器 asyncIterator。我们可以异步地遍历它，通过调用 .next() 方法来获取每个值。
需要注意的是，Async Iterator 只能在异步函数中使用，因为它们都是基于 Promise 实现的。
什么是 for-await-of 循环
for-await-of 循环是 ES2018 提供的新语法，它可以方便地遍历 Async Iterator，实现对异步数据的处理。
-- -------------------- ---- -------
----- --------- ----------- -
----- --
----- --
----- --
-
----- -------- ------------ -
----- ------------- - ------------
--- ----- ------ ----- -- -------------- -
-------------------
-
-
------------- -- -- - - -上面的代码中，我们定义了一个 async function*，生成了一个包含三个数字的异步迭代器 asyncIterator。在 processing 函数中，我们使用 for-await-of 循环，遍历 asyncIterator 并输出每个值。注意，我们要用 await 关键字获取每个值。
为什么需要 Async Iterator 和 for-await-of 循环
在实际的开发中，我们经常需要处理异步数据，例如从服务器获取数据、读取文件、处理大量数据等。在这些情况下，使用传统的同步方式往往无法满足需求，使用异步编程方式是必要的。而 Async Iterator 和 for-await-of 循环就是在异步编程中处理数据的有力工具。
实践示例
下面是一个使用 Async Iterator 和 for-await-of 循环的简单示例，它用于读取文件内容并统计字符数：
-- -------------------- ---- -------
----- -- - --------------
----- --------- ------------------- -
----- ------ - ----------------------------- - --------- ------- ---
--- ----- - --
--- ----- ------ ----- -- ------- -
----- -- -------------
-
----- ------
-
------ -- -- -
--- ----- ------ ----- -- ------------------------ -
---------------- -- ----- -------
-
-----上面的代码中，我们使用 Node.js 的 fs 模块读取文件内容，并通过 Async Iterator 遍历每个读取到的字符块。for-await-of 循环每次输出统计结果，直到读取完整个文件结束。
总结
Async Iterator 和 for-await-of 循环是 ES2018 新增的语法，它们为我们处理异步数据提供了便利的方式。学会使用它们可以让我们更加高效地编写异步程序，处理各种数据操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d196a9b5eee0b5258d13bc