ES8 中引入的异步生成器及其应用技巧
在编写 JavaScript 代码时，经常需要处理异步操作。ES6 中引入的 Promise 得到广泛应用，但如果需要在异步操作中使用一些迭代器的概念，可能会感到棘手。这时，ES8 中引入的异步生成器可以成为我们的左右手。
异步生成器是 ES8 中的新特性，它通过在生成器函数中使用 async/await 关键字，可以让我们在异步操作中使用迭代器更加方便。下面介绍一些异步生成器的应用技巧。
- 异步迭代器
在异步操作中，需要使用一个类似于迭代器的东西，用于处理每个元素的操作。异步迭代器可以帮助我们完成这一操作。
下面是一个简单的异步迭代器的例子：
-- -------------------- ---- -------
----- --------- ---------------- -
----- --
----- --
----- --
-
------ -- -- -
--- ----- ------ ----- -- ----------------- -
-------------------
-
-----代码中的 async function* 定义了一个异步生成器，其中包含三个 yield 语句，分别返回值 1、2 和 3。使用 for await...of 循环可以逐一获取每个值，并执行需要的操作。
- 异步任务处理
有时我们需要按照一定的顺序执行多个异步任务，需要等待一个任务完成后才能开始另一个任务。异步生成器可以让这个过程变得更加简单。
下面是一个例子：
-- -------------------- ---- -------
----- --------- ----------- -
----- ------- - ----- -------------
----- --------
----- ------- - ----- --------------------
----- --------
-
------ -- -- -
--- ----- ------ ----- -- ------------ -
-------------------
-
-----代码中的 asyncTask 定义了两个需要等待的异步函数，在每个异步函数执行完之后，使用 yield 返回结果。使用 for await...of 循环可以获取每个异步函数的值，并依次执行。
- 异步任务并行
有时我们需要同时执行多个异步任务，等待所有异步任务执行完之后再执行操作。异步生成器也可以提供帮助。
下面是一个例子：
-- -------------------- ---- -------
----- --------- --------------- -
----- -------- - -------------
----- -------- - -------------
----- ---------------------- -----------
-
------ -- -- -
--- ----- ------ -------- ------- -- ---------------- -
------------------- --------
-
-----代码中的 asyncParallel 定义了两个异步函数，同时执行并等待它们的返回值。使用 Promise.all 帮助异步函数并行执行，然后使用 yield 返回异步函数的值。使用 for await...of 循环可以获取异步函数的返回值并执行操作。
总结
异步生成器是一项强大的 ES8 特性，它使得在 JavaScript 中使用迭代器的概念更加容易。通过使用异步迭代器、异步任务处理以及异步任务并行，我们可以更加方便地处理 JavaScript 中的异步操作，让代码更加简洁和易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649ab6fb48841e98947a9a64