在 ES8 中，我们可以使用 Symbol.asyncIterator 来实现异步迭代协议。这个功能非常强大，可以让我们更加方便地处理异步数据。
什么是异步迭代协议？
在 JavaScript 中，我们可以使用 for...of 循环来遍历一个可迭代对象（例如数组、字符串、Set 等），这种迭代方式称为同步迭代。但是，有些数据源是异步的，例如从服务器获取数据或者从文件读取数据。对于这些数据源，我们需要使用异步迭代协议来处理它们。
异步迭代协议定义了一个异步迭代器，它可以通过 next() 方法来异步获取数据。当数据源中没有数据时，next() 方法会返回一个 Promise 对象，该对象的值为 { done: true }。当数据源中还有数据时，next() 方法会返回一个 Promise 对象，该对象的值为 { done: false, value: 数据 }。
如何实现异步迭代协议？
在 ES8 中，我们可以使用 Symbol.asyncIterator 来实现异步迭代协议。首先，我们需要定义一个异步迭代器对象，这个对象必须包含一个 next() 方法。next() 方法返回一个 Promise 对象，该对象的值为 { done: true } 或者 { done: false, value: 数据 }。
下面是一个示例代码，演示如何使用 Symbol.asyncIterator 实现异步迭代协议：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
----- --- --------------- -- ------------------- -------
------ - ------ ---- ----- ----- --
-
------ - ----- ---- --
-
--
-
--
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----在上面的代码中，我们定义了一个异步迭代器对象 asyncIterable，它包含一个 next() 方法。next() 方法会等待 1 秒钟，然后返回一个数字，直到返回 { done: true }。
我们使用 for await...of 循环来遍历 asyncIterable 对象。for await...of 循环会自动调用 next() 方法，等待 Promise 对象的结果，并将结果赋值给变量 num。
指导意义
使用异步迭代协议可以更加方便地处理异步数据。例如，我们可以使用异步迭代协议来遍历一个数据库查询结果，或者遍历一个 WebSocket 的消息队列。
异步迭代协议是一个非常强大的功能，但是它并不是所有 JavaScript 引擎都支持的。如果你想要使用异步迭代协议，最好先检查一下你的 JavaScript 引擎是否支持它。
结论
ES8 中引入了 Symbol.asyncIterator，可以方便地实现异步迭代协议。异步迭代协议可以让我们更加方便地处理异步数据，但是它并不是所有 JavaScript 引擎都支持的。如果你想要使用异步迭代协议，最好先检查一下你的 JavaScript 引擎是否支持它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6739de4736eea432f4128b3c