在 ES9 中使用 Asynchronous iteration 管理你的 promise 链
在 Web 应用程序开发中，我们经常需要处理一系列异步操作。过去，我们是通过使用回调或Promise来解决这个问题，但随着代码逐渐变得越来越复杂，promise链在代码中变得越来越难以管理。ES9 引入了一种新的遍历器用法——Asynchronous Iteration，可以大大简化 promise 链的复杂度，并让我们更高效地管理异步任务。
Asynchronous Iteration 是 ES8 中引入的异步遍历器的扩展，它是一种 API，用于表示异步流，以及在异步流中的迭代。它引入了一个新的 Symbol.asyncIterator 符号，它的值是一个可以作为异步迭代器使用的函数。当我们调用异步遍历器的 next() 方法时，会返回一个 Promise 对象，该 Promise 对象会在异步完成时 resolve 返回结果。以下是一个异步遍历器的示例代码：
-- -------------------- ---- -------
----- -------------------- - -- -- -
----- ----- - ------------------------ - ------
------ --- --------------- -- ------------------- --------
--
----- -------------- - ----- --------- -- -
----- ------ - ---- --- --- --- ----
--- ---- ----- -- ------- -
----- -----------------------
----- ------
-
--
----- ------- - ----- -- -- -
----- ------------- - -----------------
--- ----- ---- ----- -- -------------- -
-------------------
-
--
----------在这个示例代码中，我们使用 async function* 声明一个异步生成器，使用 randomDelayGenerator 函数模拟异步操作。在迭代时，我们使用 for await...of 循环遍历异步生成器生成的数据，并将数据打印到控制台中。
在实际的开发中，我们可以使用 Asynchronous Iteration 管理 promise 链。以下是一个示例代码：
-- -------------------- ---- -------
----- -------- --------------- -
----- ------- - ---
----- ------------- - ---------------------
--- ----- ---- ----- -- -------------- -
-- ------ --- ----- -
------
-
----- ---- - ----- -----------------
-------------------
-
------ --------
-在此示例代码中，我们有一个异步生成器 asyncDataGenerator()，该生成器返回一个 promise 链中的所有值。使用 for await...of 循环，我们可以遍历异步生成器生成的所有值，并在每次迭代时使用 fetchData(value) 函数进行数据获取。 最终 handleRequest() 将返回一个由所有数据组成的数组。
总结
使用 Asynchronous Iteration 可以让我们更有效地管理异步任务，而不是以往的 promise 链。为了使用 Asynchronous Iteration 应遵循以下三个步骤：
创建异步生成器以模拟 promise 链；
使用
for await...of循环遍历异步生成器生成的数据；在每次迭代时执行异步操作，并处理结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647949e0968c7c53b055002a