在 ECMAScript 2018 中，引入了一个新的标准对象 Symbol.asyncIterator，用于支持异步迭代器。这个新的对象为开发者提供了一种新的方式来处理异步数据流，比如 Promise 或者通过网络请求获取到的数据。
异步迭代器是什么？
在传统的同步迭代器中，迭代器是同步的，每次调用迭代器的 next() 方法都会返回下一个值，如果遇到了异步的情况，迭代器就会阻塞，直到异步操作完成。
而异步迭代器则是一种支持异步操作的迭代器，它的 next() 方法返回的是一个 Promise 对象，这个 Promise 对象会在异步操作完成后 resolve，然后返回下一个值。
如何使用 Symbol.asyncIterator？
要使用 Symbol.asyncIterator，首先需要了解它的基本用法。在一个对象中，我们可以定义一个 asyncIterator 方法，这个方法返回一个异步迭代器。
----- ------------- - -
------------------------ -
------ -
-- --
----- ------ -
-- ------- - -- -
----- --- --------------- -- ------------------- -------
------ - ------ --------- ----- ----- --
-
------ - ----- ---- --
-
--
-
--在上面的代码中，我们定义了一个 asyncIterable 对象，它有一个 Symbol.asyncIterator 方法，这个方法返回一个异步迭代器。这个异步迭代器有一个 next() 方法，每次调用 next() 方法都会返回一个 Promise 对象，Promise 对象 resolve 后返回一个包含 value 和 done 属性的对象。
我们可以通过 for-await-of 循环来遍历 asyncIterable 对象。
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----在上面的代码中，我们使用了 for-await-of 循环来遍历 asyncIterable 对象，这个循环会自动调用异步迭代器的 next() 方法，然后等待 Promise 对象 resolve 后再次调用 next() 方法，直到 done 属性为 true。
异步迭代器的应用场景
异步迭代器的应用场景非常广泛，比如处理 Promise 或者通过网络请求获取到的数据。下面我们来看一个通过网络请求获取数据的例子。
----- ------------------ - -
------------------------ -
--- - - --
----- ---- - -
-----------------------------------------------
-----------------------------------------------
----------------------------------------------
--
------ -
----- ------ -
-- -- - ------------ -
----- -------- - ----- -----------------
----- ---- - ----- ----------------
------ - ------ ----- ----- ----- --
-
------ - ----- ---- --
-
--
-
--
------ ---------- -
--- ----- ------ ---- -- ------------------- -
------------------
-
-----在上面的代码中，我们定义了一个 fetchAsyncIterable 对象，它有一个 Symbol.asyncIterator 方法，这个方法返回一个异步迭代器。这个异步迭代器会通过 fetch 方法获取数据，然后返回一个包含 value 和 done 属性的对象。
我们可以通过 for-await-of 循环来遍历 fetchAsyncIterable 对象，这个循环会自动调用异步迭代器的 next() 方法，然后等待 Promise 对象 resolve 后再次调用 next() 方法，直到 done 属性为 true。
总结
Symbol.asyncIterator 是 ECMAScript 2018 中引入的一个新的标准对象，用于支持异步迭代器。异步迭代器是一种支持异步操作的迭代器，它的 next() 方法返回的是一个 Promise 对象。我们可以通过 for-await-of 循环来遍历异步迭代器。异步迭代器的应用场景非常广泛，比如处理 Promise 或者通过网络请求获取到的数据。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f80f86d10417a222382312