在 ES7 中，新增了一个 Symbol.asyncIterator 符号，用于实现异步迭代协议 ASyncIter。这个协议可以使得 JavaScript 中的异步迭代更加简单和高效。
异步迭代
在 JavaScript 中，通常使用 for...of 循环来遍历一个可迭代对象。例如：
const array = [1, 2, 3];
for (const item of array) {
console.log(item);
}但是，当我们遍历的对象是一个异步操作时，就需要使用异步迭代。例如：
-- -------------------- ---- -------
----- --------- --------------- -
--- ------ --- -- ----- -
----- -------- - ----- -----------
----- ----- ----------------
-
-
------ -- -- -
--- ----- ------ ---- -- -----------
-----------------------------------------------
-----------------------------------------------
-----------------------------------------------
--- -
------------------
-
-----在上面的代码中，fetchUrls 函数返回一个异步迭代器。使用 for await 循环遍历这个迭代器，可以异步获取多个 URL 的内容并打印出来。
Symbol.asyncIterator
ES7 中新增的 Symbol.asyncIterator 符号，可以用来定义异步迭代器。一个异步迭代器必须实现一个名为 Symbol.asyncIterator 的方法，这个方法返回一个异步迭代器对象。例如：
-- -------------------- ---- -------
----- --------------- - -
----- ------------------------- -
----- --
----- --
----- --
--
--
------ -- -- -
--- ----- ------ - -- ---------------- -
---------------
-
-----在上面的代码中，myAsyncIterable 对象实现了 Symbol.asyncIterator 方法，返回一个异步迭代器对象。使用 for await 循环遍历这个迭代器，可以打印出 1、2、3。
异步迭代器对象
异步迭代器对象是一个包含 next 方法的对象。next 方法返回一个 Promise，Promise 的值是一个包含 value 和 done 属性的对象。value 属性表示下一个值，done 属性表示是否遍历结束。例如：
-- -------------------- ---- -------
----- --------------- - -
----- ------------------------- -
----- --
----- --
----- --
--
--
----- ------------- - ----------------------------------------
---------------------------------- -- -
-------------------- -- - ------ -- ----- ----- -
---
---------------------------------- -- -
-------------------- -- - ------ -- ----- ----- -
---
---------------------------------- -- -
-------------------- -- - ------ -- ----- ----- -
---
---------------------------------- -- -
-------------------- -- - ------ ---------- ----- ---- -
---在上面的代码中，myAsyncIterable 对象实现了 Symbol.asyncIterator 方法，返回一个异步迭代器对象 asyncIterator。使用 asyncIterator.next() 方法，可以依次获取迭代器中的值。
ASyncIter
ASyncIter 是一个开源的 JavaScript 库，可以帮助我们更方便地实现异步迭代器。例如：
-- -------------------- ---- -------
------ - --------- - ---- ------------
----- --------- --------------- -
--- ----- ------ --- -- ----- -
----- -------- - ----- -----------
----- ----- ----------------
-
-
----- ------------- - --------------------------
-----------------------------------------------
-----------------------------------------------
-----------------------------------------------
----
------ -- -- -
--- ----- ------ ---- -- -------------- -
------------------
-
-----在上面的代码中，使用 ASyncIter.from 方法，将一个异步迭代器对象转换为 ASyncIter 对象。使用 ASyncIter 对象，可以更加方便地实现异步迭代。
总结
ES7 中的 Symbol.asyncIterator 符号，可以用来定义异步迭代器。异步迭代器对象是一个包含 next 方法的对象，next 方法返回一个 Promise。ASyncIter 是一个开源的 JavaScript 库，可以帮助我们更方便地实现异步迭代器。使用异步迭代，可以更加方便地处理异步操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65815857d2f5e1655dc8b9ea