在 ES9 中使用异步迭代器和生成器实现异步流程控制
随着前端技术的发展和需求的不断变化，异步编程已经成为了前端开发中不可或缺的一部分。而在异步编程中，流程控制则是一个非常重要的问题。在 ES9 中，我们可以使用异步迭代器和生成器来实现异步流程控制。
异步迭代器
异步迭代器是一个新的接口，它允许我们遍历异步的数据结构。在 ES9 中，我们可以使用 for-await-of 循环来遍历异步迭代器。
异步迭代器的定义如下：
async function* asyncGenerator() {
yield 1;
yield 2;
yield 3;
}在异步迭代器中，我们可以使用 yield 关键字来暂停函数的执行，并返回一个 Promise 对象。当 Promise 对象 resolve 后，函数会继续执行，直到下一个 yield 关键字。
生成器
生成器是一个函数，它可以通过 yield 关键字来暂停函数的执行，并返回一个值。在 ES9 中，我们可以使用生成器来实现异步流程控制。
生成器的定义如下：
function* generator() {
yield 1;
yield 2;
yield 3;
}在生成器中，我们可以使用 yield 关键字来暂停函数的执行，并返回一个值。当生成器被调用时，它会返回一个迭代器对象，我们可以使用 next() 方法来控制生成器的执行流程。
异步流程控制
在 ES9 中，我们可以将异步迭代器和生成器结合起来，来实现异步流程控制。下面是一个示例代码：
-- -------------------- ---- -------
----- --------- ---------------- -
----- --- --------------- -- ------------- -- ----------- -------
----- --- --------------- -- ------------- -- ----------- -------
----- --- --------------- -- ------------- -- ----------- -------
-
----- -------- ------ -
--- ----- ------ --- -- ----------------- -
-----------------
-
-
-------在上面的代码中，我们定义了一个异步迭代器 asyncGenerator，它返回了三个 Promise 对象。然后我们定义了一个 async 函数 main，在这个函数中，我们使用 for-await-of 循环来遍历异步迭代器 asyncGenerator，每次循环中打印出 Promise 对象 resolve 的值。
这个示例代码的输出结果如下：
1 2 3
这个示例代码演示了如何使用异步迭代器和生成器来实现异步流程控制。我们可以将异步操作封装在异步迭代器中，然后使用 for-await-of 循环来遍历异步迭代器，以此来控制异步操作的执行流程。
结论
在 ES9 中，我们可以使用异步迭代器和生成器来实现异步流程控制。异步迭代器允许我们遍历异步的数据结构，而生成器则允许我们实现异步流程控制。通过将异步操作封装在异步迭代器中，我们可以使用 for-await-of 循环来控制异步操作的执行流程。这种方式可以使我们的代码更加清晰、易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67614f75856ee0c1d4f73883