ES8（即 ECMAScript 2017）是 ECMAScript 标准的其中一个版本，它在语言层面上为 JavaScript 提供了一些新特性，其中一个就是 async 迭代器。async 迭代器是一项非常实用的功能，它可以方便地对异步迭代器进行处理，并且可以很好地与 async/await 语法结合使用。本文将会详细介绍如何在 ES8 中使用 async 迭代器，并且给出相应的示例代码。
1. 异步迭代器简介
在进入 async 迭代器的具体介绍之前，我们先来了解一下什么是异步迭代器。异步迭代器是一种迭代器，它的 next() 方法返回的是一个 Promise 对象，每当调用 next() 方法时，都会返回一个新的 Promise 对象，表示下一步的迭代操作。异步迭代器可以方便地处理一些异步操作，比如从数据库或网络中读取数据等。
以下是一个简单的异步迭代器的示例代码：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
------ -
-- -- - -- -
------ ----------------- ------ ---- ----- ----- ---
-
------ ----------------- ----- ---- ---
-
--
-
--
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----
-- ------- -- -- -2. async 迭代器简介
async 迭代器是在异步迭代器的基础上进一步发展而来的，它是一种可以异步地迭代异步迭代器的方式。与异步迭代器一样，async 迭代器的 next() 方法也返回一个 Promise 对象，但是它的返回值是一个包含 value 和 done 两个属性的对象，其中 value 属性表示当前迭代的值，done 属性表示是否完成迭代。async 迭代器可以通过使用 async/await 语法来方便地处理异步操作，比如从网络中读取数据等。
以下是一个简单的 async 迭代器的示例代码：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
----- --- --------------- -- ------------------- -------
------ - ------ ---- ----- ----- --
-
------ - ----- ---- --
-
--
-
--
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----
-- ------- -- -- -3. 使用 async 迭代器
使用 async 迭代器比较简单，只需要在 for 循环的头部加上一个 await 关键字即可，如下面的代码所示：
-- -------------------- ---- -------
----- -------- -------------- -
----- -------- - ----- ---------------------------------
----- ---- - ----- ----------------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - ------------ -
----- ------ - ----------
------ - ------ ------- ----- ----- --
-
------ - ----- ---- --
-
--
-
--
--- ----- ------ ---- -- -------------- -
------------------
-
-在上面的代码中，我们首先使用 fetch() 方法从 API 中获取一个 JSON 数据，然后我们将这个数据包裹在一个 asyncIterable 对象中，asyncIterable 的 next() 方法就是我们用来异步迭代的函数。最后我们使用 for await 循环来遍历 asyncIterable 对象，每当迭代到一个新的数据时就会输出到控制台上。
4. 总结
async 迭代器是在异步迭代器的基础上进一步发展而来的，它可以方便地异步地遍历异步迭代器，为处理异步操作提供了非常便利的方式。本文主要介绍了 async 迭代器的特点和使用方法，并且给出了相应的代码示例。掌握了 async 迭代器的使用方法，可以帮助我们更好地处理一些异步操作，写出更加高效和具有可读性的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645088f7980a9b385b98b134