在 ECMAScript 2019 中，新增了一个非常有用的特性——Symbol.asyncIterator。这个特性可以让你更加优雅地处理异步迭代。
异步迭代
在异步编程中，经常需要进行异步迭代。例如，读取一个大型文件，需要逐行逐个读取，而每一行的读取都是异步的。在这种情况下，我们需要使用异步迭代器来处理这个问题。
异步迭代器是一个对象，它具有一个名为 Symbol.asyncIterator 的方法，该方法返回一个异步迭代器对象。这个对象具有一个名为 next 的异步方法，该方法返回一个 Promise，Promise 的值是一个包含 value 和 done 两个属性的对象。
其中，value 表示当前迭代器返回的值，done 表示当前迭代器是否已经完成。
Symbol.asyncIterator
在 ECMAScript 2019 中，我们可以使用 Symbol.asyncIterator 来定义一个异步迭代器。例如，下面是一个使用 Symbol.asyncIterator 定义的异步迭代器：
----- ------------- - -
------------------------ -
------ -
-- --
----- ------ -
-- ------- - -- -
------ - ------ --------- ----- ----- --
-
------ - ------ ---------- ----- ---- --
--
--
--
--
------ -------- -- -
--- ----- ------ - -- -------------- -
---------------
-
-----在上面的代码中，我们定义了一个 asyncIterable 对象，它具有一个 Symbol.asyncIterator 方法，该方法返回一个对象，该对象具有一个 next 方法。
在 for await...of 循环中，我们可以使用 asyncIterable 进行异步迭代。在每次迭代中，我们使用 await 关键字等待 Promise 的结果，然后打印出当前的值。
实际应用
除了上面的示例之外，Symbol.asyncIterator 还可以应用于很多场景。例如，我们可以使用它来处理异步的 HTTP 请求，如下所示：
----- --------- --------------- -
--- ------ --- -- ----- -
----- ----- ------ -------------------
-
-
------ -------- -- -
--- ----- ------ ---- -- -----------
-----------------------------------------------
-----------------------------------------------
-----------------------------------------------
--- -
------------------
-
-----在上面的代码中，我们定义了一个 fetchUrls 函数，它返回一个异步迭代器。在每次迭代中，我们使用 await 关键字等待 fetch 方法的结果，并将其转换为文本格式，然后将其作为当前迭代器的值返回。
在主函数中，我们使用 for await...of 循环来处理异步迭代器，打印出每个 HTTP 请求的响应文本。
总结
Symbol.asyncIterator 是 ECMAScript 2019 中非常有用的特性之一。它可以让我们更加优雅地处理异步迭代，提高代码的可读性和维护性。如果你正在进行异步编程，并且需要进行异步迭代，那么 Symbol.asyncIterator 绝对是一个值得学习和掌握的特性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660ccb60d10417a222d24509