在 ECMAScript 2018 中，新增了异步迭代器这个功能。它可以帮助我们优雅地实现异步流控制，处理需要多个异步操作的场景。
异步迭代器是什么
在 ES6 中，我们已经熟悉了迭代器的概念。它是一种数据访问的方式，通过定义 next() 方法，可以一次性访问一条数据。
异步迭代器类似于迭代器，但它可以处理异步数据。异步迭代器的 next() 方法返回的是一个 Promise 对象，所以我们可以通过 await/async 的方式来处理异步操作。
可以用下面这段代码来看一下异步迭代器是怎样工作的：
-- -------------------- ---- -------
----- ------------- - -
----------------------- ----- --------- -- -
----- ------ - -------------------- ------------------- --------------------
--- ------ ------------ -- ------- -
----- ----- - ----- -------------
----- ------
-
-
--
------ -- -- -
--- ----- ------ ----- -- -------------- -
-------------------
-
-----在上述代码中，我们定义了一个异步可迭代对象 asyncIterable。由于该对象实现了 Symbol.asyncIterator 方法，它就变成了一个异步迭代器。
接着，我们在 asyncIterable 中设置了一个值数组，这个数组中的值都是 Promise 对象，它们分别 resolve 成了 1、2、3。
在迭代对象时，我们可以使用 for-await-of 循环，它的特点是可以在循环中使用 await 关键字，所以它适用于异步迭代器的场景。在循环的时候，我们可以使用 const value of asyncIterable 语法来创建一个常量值，它的值等于当前异步迭代器内的值。
由于我们在 asyncIterable 中实现了异步迭代器，所以我们就可以在循环中使用 await valuePromise 来等待 Promise 对象的 resolve。最后，我们使用 yield value 让异步迭代器产生一个值。当 yield value 被执行时，它返回一个 Promise 对象，这个 Promise 对象的值是异步操作的结果。这样，我们就可以处理异步数据了。
应用场景
异步迭代器适用于需要多个异步操作的场景，比如：
- 从数据库获取数据
- 从网络获取数据
- 处理文件读取
由于异步迭代器可以优雅地处理异步操作，所以它的代码结构非常简单和易于维护，特别是在处理大量数据和资源消耗高的场景中。
实例
下面是一个使用异步迭代器来读取文件内容的示例：
-- -------------------- ---- -------
----- -- - --------------
----- -------- - --------------------
----- --------- ------------------- -
----- ------ - ------------------------------
----- -- - -------------------------- ------ ------ ---
--- ----- ------ ---- -- --- -
----- -----
-
-
------ -- -- -
--- ----- ------ ---- -- ------------------------ -
------------------
-
-----在这个示例中，我们定义了一个 readLines 的异步迭代器，它的参数是一个文件路径。在函数内部，我们使用 fs 模块和 readline 模块来读取文件内容。
在 for-await-of 循环中，我们可以一行一行地获取文件内容。这个处理过程不会阻塞主线程，因为它是通过异步迭代器进行处理的。
结论
异步迭代器是 ECMAScript 2018 中一个非常有用和实用的新增功能。它可以帮助我们在处理异步操作时更加优雅和简洁。现在，我们已经了解了异步迭代器的概念以及如何在代码中使用它。在实际工作中，通过使用异步迭代器，我们可以更好地处理异步数据，使代码更加可维护、可读性更高。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6713123dad1e889fe20a3ec0