在 ES6 中，我们已经可以使用 Symbol.iterator 来创建可迭代对象，以便在 for-of 循环中使用。但是，如果需要处理异步操作，我们就需要使用 Symbol.asyncIterator 来创建异步可迭代对象了。本文将介绍 ES7 中使用 Symbol.asyncIterator 实现异步可迭代对象的方法，并提供示例代码。
什么是异步可迭代对象？
异步可迭代对象是一种支持异步迭代的对象。与普通的可迭代对象不同，异步可迭代对象的迭代器对象的 next() 方法返回的是一个 Promise，而不是一个值。这个 Promise 的值包含了迭代器对象的下一个值，或者标识迭代结束的对象。
异步可迭代对象的用途非常广泛，例如在处理异步数据流的时候，我们就需要使用异步可迭代对象来完成数据的异步处理和迭代。
如何使用 Symbol.asyncIterator 创建异步可迭代对象？
使用 Symbol.asyncIterator 创建异步可迭代对象的方法与使用 Symbol.iterator 创建可迭代对象的方法非常相似。我们只需要在对象上定义一个 Symbol.asyncIterator 方法，这个方法返回一个异步迭代器对象，这个对象包含了一个 next() 方法，这个方法返回一个 Promise，这个 Promise 的值包含了下一个值或者迭代结束的标识。
下面是一个示例代码，这个代码演示了如何使用 Symbol.asyncIterator 创建异步可迭代对象：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
------ - ------ ---- ----- ----- --
- ---- -
------ - ----- ---- --
-
-
--
-
--
------ ---------- -
--- ----- ------ ----- -- -------------- -
-------------------
-
-----这段代码中，我们定义了一个对象 asyncIterable，这个对象包含了一个 Symbol.asyncIterator 方法。这个方法返回一个异步迭代器对象，这个对象包含了一个 next() 方法。在 next() 方法中，我们使用了一个计数器 i 来记录当前迭代的位置。如果 i 小于 3，则返回下一个值和 done: false，否则返回 done: true。
在主函数中，我们使用了 for await...of 循环来迭代异步可迭代对象。这个循环会自动调用异步迭代器对象的 next() 方法，并等待 Promise 的结果。如果 Promise 的结果包含了下一个值，则将这个值赋给 value，并执行循环体中的代码。否则，循环结束。
总结
ES7 中引入了 Symbol.asyncIterator，使得我们可以创建异步可迭代对象来处理异步数据流。使用 Symbol.asyncIterator 创建异步可迭代对象的方法与使用 Symbol.iterator 创建可迭代对象的方法非常相似，只需要在对象上定义一个 Symbol.asyncIterator 方法即可。在迭代异步可迭代对象的时候，我们需要使用 for await...of 循环来自动调用异步迭代器对象的 next() 方法，并等待 Promise 的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f59eaf2b3ccec22fdb4a60