什么是 Symbol.asyncIterator
ES6 中引入了 Symbol，是一种新的原始数据类型，可以用于标识对象中的唯一属性。而 Symbol.asyncIterator 是 Symbol 的一个实例，它是为异步迭代器提供的一个内置常量。异步迭代器，顾名思义，就是可以异步进行迭代的迭代器。
异步迭代器
异步迭代器主要用于处理异步操作的迭代，它是 Iterator 接口的扩展。在异步迭代器中，next() 方法返回的是一个 Promise 对象，该 Promise 对象在异步操作完成后再进行迭代。而 Symbol.asyncIterator 则是为异步迭代器提供了一种统一的迭代方式。
以下是一个简单的异步迭代器示例代码：
-- -------------------- ---- -------
----- -------------- - ----- --------- -- -
----- ----- --- --------------- -- ------------- -- ----------- -------
----- ----- --- --------------- -- ------------- -- ----------- -------
----- ----- --- --------------- -- ------------- -- ----------- -------
-
----- -------------- - -----------------
----- ------- - ----- -- -- -
--- ----- ------ ---- -- --------------- -
------------------
-
-
----------
-------
---
---
---如何使用 Symbol.asyncIterator
在使用 Symbol.asyncIterator 时，我们需要在对象中定义一个异步迭代器方法。这个方法需要返回一个对象，对象包含了一个 next() 方法用于迭代数据，并且这个方法返回的是一个 Promise 对象。
以下是一个基于 Symbol.asyncIterator 的示例代码：
-- -------------------- ---- -------
----- ------------- - ---
----------------------------------- - ----- ---------- -
--- ---- - - -- - -- -- ---- -
----- --- --------------- -- ------------------- -------
----- --
-
--
------ -- -- -
--- ----- ------ ---- -- -------------- -
------------------
-
-----
-------
---
---
---在上面的代码中，我们定义了一个对象 AsyncIterable，并使用 Symbol.asyncIterator 定义了一个异步迭代器方法。在该方法中，我们使用了 yield 关键字，每一次迭代都返回一个 Promise 对象。
在执行异步操作时，我们需要让迭代器可以停止等待异步操作完成之后再返回迭代结果，所以需要使用 async 和 await 关键字。通过这种方式，我们可以在异步操作完成之后返回该迭代值。
在主函数中，我们使用 for...await...of 循环来循环迭代器中的异步迭代值。得益于 Symbol.asyncIterator，迭代器的异步操作会因为我们使用 await 关键字而停止等待。在该示例中，我们每隔 1 秒输出一次，输出结果为 0、1、2。
总结
Symbol.asyncIterator 是 ES8 中新增的一种数据类型，用于实现异步迭代器，解决了异步操作的迭代问题，提供一种强大而智能的方式来处理异步操作。通过深入学习和使用 Symbol.asyncIterator，你可以更好地理解前端异步编程的本质，加强自己的编程能力。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65226d1395b1f8cacd9e1ad9