在 ECMAScript 2015 (ES6) 中引入了 Symbol 类型作为新的数据类型，这种类型不能使用 new 关键字进行实例化，而是通过 Symbol 方法创建。
在 ECMAScript 2017 中，新增加了 Symbol.asyncIterator 方法。使用它可以简化异步迭代器的使用。本文将与您分享有关 Symbol.asyncIterator 方法的使用技巧。
什么是 Symbol.asyncIterator ？
在讲解 Symbol.asyncIterator 方法之前，我们先来了解一下什么是迭代器。
在编程中，我们有时需要遍历一个对象中的所有元素，例如数组、set、map等。它们的遍历方式主要有两种方式：
遍历器 (Iterator)
迭代器 (Iterable)
遍历器是一种用于遍历集合中每个元素的接口。通常，它们提供 next() 方法以便于在集合中移动，以及 done 属性来指示是否到达了集合的结尾。
而迭代器是具有 @@iterator 方法的对象，该方法返回集合的遍历器对象。使用该迭代器对象，我们可以遍历集合中的每个元素。
以上是同步操作的迭代器使用方法，而在异步 iterator 中，我们需要通过将 next() 方法调用转换为 Promises 来获取下一个值。这就需要使用 Symbol.asyncIterator 方法了。
Symbol.asyncIterator 方法是异步迭代器工厂函数所需的方法，该函数返回一个对象，其中 next() 方法返回一个 Promise，最终解析为具有 value 和 done 属性的对象。
示例代码
让我们通过一个实例来看看 Symbol.asyncIterator 方法是如何使用的。我们将使用一个自定义类来模拟异步迭代器。
-- -------------------- ---- -------
-- --------
----- ------------- -
----------------- -
--------- - -----
-
-- ----- ---------
----- ------------------------- -
--- - - --
----- -- - ----------------- -
-- ------
----- --- --------------- -- ------------------- -------
-- -- ----- --------
----- ---------------
-
-
-
-- --------------------
----- -------- ----- -
----- -------- - --- ----------------- -- -- -- ----
-- -- ------------ --------
--- ----- ------ ----- -- --------- -
-------------------
-
-
------
-- -
-- -
-- -
-- -
-- -在上面的代码中，我们首先定义了一个 AsyncIterator 类，该类使用 Symbol.asyncIterator 方法定义了迭代器。生成器函数作为异步迭代器返回的组件实现了异步操作。
接下来，我们通过创建该类的一个实例来演示如何使用异步迭代器。在 for-await-of 循环中遍历该实例，随着每个迭代器返回的值的解析，我们将该值输出到控制台。
总结
在今天的文章中，我们了解了 Symbol.asyncIterator 方法的定义及其使用场景，并打开了该方法的简洁示例。使用异步迭代器能够大大简化异步遍历的操作，让代码变得更加明确且易于阅读。
作为早期学习者，你可以在实践中所处的熟练度逐渐提高，加以灵活运用的。Symbol.asyncIterator 方法的使用，将有助于您快速理解和执行此类操作，增强您的和竞争力和输入价值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a623eb48841e98942ae6c5