ES9（ECMAScript 2018）是 JavaScript 的一个大版本更新，其中引入了许多新特性，包括异步迭代器和 for-await-of。这两个新特性允许开发人员使用更加高效和灵活的方式处理异步数据，使 JavaScript 在处理异步代码方面更加强大和优雅。
什么是异步迭代器？
在 JavaScript 中，迭代器是一种对象，允许开发人员以一种清晰和简洁的方式遍历数据结构。异步迭代器扩展了这个概念，允许开发人员以异步的方式遍历数据结构。
异步迭代器是一个实现了 @@asyncIterator 方法的对象，这个方法返回一个异步迭代器对象，该对象包含了一个 next 方法，该方法返回一个 Promise。异步迭代器可以用于遍历异步数据源，如读取文件、查询数据库等。
下面是一个示例异步迭代器，该迭代器接受一个异步生成器函数作为参数，该函数可以生成一组异步的数据源，并将其返回给异步迭代器对象：
-- -------------------- ---- ------- ----- --------- ---------------- - ----- ------------------- ----- ------------------- ----- ------------------- - ----- ------------- - ----------------- ----- ------ - ----- --------------------- -------------------- -- - ------ -- ----- ----- -
for-await-of 循环
for-await-of 循环是一个新的循环语句，它允许开发人员以一种优雅和简单的方式遍历异步迭代器对象。它比传统的基于回调的处理方式更容易阅读和维护。
语法：for await (variable of asyncIterable) { ... }
下面是一个使用 for-await-of 循环遍历异步迭代器的示例：
-- -------------------- ---- -------
----- --------- ---------------- - -- -------
----- -------------------
----- -------------------
----- -------------------
-
------ ---------- - -- ------- ------------ -------
--- ----- ------ ----- -- ----------------- -
-------------------
-
-----输出结果：
1 2 3
在此示例中，我们创建了一个异步生成器函数，生成了一些异步数据源，并将其返回给异步迭代器对象。然后，我们使用 for-await-of 循环将异步迭代器中的数据依次遍历出来，并打印出每个数据源的值。
总结
异步迭代器和 for-await-of 循环是 ES9 中引入的两个强大而简单的特性，使开发人员能够以一种优雅、灵活和高效的方式处理异步数据。这些新特性对于进行异步操作的前端工程师来说非常有用。如果你还没有使用过这些特性，现在就可以开始学习它们并将它们应用于你的工作中，相信这将在提高开发效率和代码质量方面给你带来极大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a233a848841e9894e80ecb