ES9 中的异步迭代器和生成器可将所有异步任务转换为同步任务
随着 Web 技术的不断发展，前端开发中所需处理的数据量也越来越大，从而使得异步任务处理的需求越来越明显。为了更好的管理和控制这些异步任务，ES9 带来了一些新特性，其中最为重要的就是异步迭代器和生成器。
异步迭代器和生成器允许我们以同步的方式编写异步任务，这样可以减少代码的复杂度，同时也可以更好的组织代码结构。在实际开发中，异步迭代器和生成器可以帮助我们处理一些异步任务，如从网络请求数据、读取文件等等。下面我们就来详细介绍 ES9 中的异步迭代器和生成器。
异步迭代器
异步迭代器是一种可迭代对象，可以用来遍历异步数据，比如从服务器获取数据时，我们就可以使用异步迭代器将异步数据遍历出来。异步迭代器有以下几个特性：
异步迭代器允许我们以同步的方式编写异步任务。
异步迭代器的遍历过程是异步的。
异步迭代器必须使用"Symbol.asyncIterator"来声明。
下面是一个示例代码，使用异步迭代器从远程 API 获取数据：
-- -------------------- ---- -------
----- -------- ---------------- -
--- - - --
----- -- -- -- -
----- -------- - ----- ---------------------------------------------------------
----- ---- - ----- ----------------
----- -----
----
-
-
----- -------- ------------------- -
--- ----- ------ ---- -- ----------------- -
------------------
-
-生成器
生成器是一种函数，可以在函数执行过程中暂停和继续执行。这使得生成器非常适合用于处理异步任务。生成器有以下几个特性：
生成器可以暂停和继续运行，以便我们能够更好地控制异步任务的执行。
生成器内部可以使用"yield"关键字来声明暂停点。
生成器函数必须使用"function*"来声明。
下面是一个示例代码，使用生成器从文件中读取数据：
-- -------------------- ---- -------
----- -------- ---------- -
----- -- - --------------
----- ---- - ----------------
----- -------- - ----------------------------
--- -
----- ---- - ----- ---------------------- --------
----- -----
- ----- ----- -
------------------- ---------
-
-
----- -------- -------------- -
----- --------- - -----------
----- ---- - ----- -----------------
------------------------
-结论
ES9 中的异步迭代器和生成器为我们提供了更好的异步任务处理方式。使用它们可以使异步任务的处理变得更加简单和直观，同时也可以提高代码的可读性和维护性。学习和掌握这些特性对于前端开发同学来说非常有价值，希望大家在实际开发中能够加以运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67613f4f03c3aa6a560bfe8d