Generator 函数是 ES6 中新增的一项特性，可以通过 yield 关键字暂停函数执行并返回一个值，然后在调用 next() 方法时再从 yield 所在位置继续执行。但是，Generator 函数在处理异步任务时仍存在一些问题，如何处理 Generator 函数的后续任务是一大挑战。
Promise 是另一个 ES6 中非常有用的特性，可以更方便地处理异步任务。本文将介绍如何利用 Promise 处理 ES6 中 Generator 函数的后续任务，并提供实际的示例代码。
什么是 Generator 函数
在深入探讨如何利用 Promise 处理 Generator 函数的后续任务之前，让我们先了解什么是 Generator 函数。简单来说，Generator 函数是一种特殊的函数，它可以通过 yield 关键字控制程序流程。
以下是一个简单的 Generator 函数示例：
--------- ------------- -
----- --------
----- --------
-调用该函数可以创建一个迭代器对象，通过不断调用迭代器对象的 next() 方法可以获取 Generator 函数中所有使用 yield 关键字定义的值。
--- --- - -------------- ------------------------------ -- -- ----- ------------------------------ -- -- -----
使用 Generator 处理异步任务
与传统的回调方式相比，在 Generator 函数中使用异步任务的代码更易于理解和编写。下面是一个使用 Generator 处理异步任务的示例：
--------- ------------- -
--- ------- - ----- ---------------------------------------
---------------------
--- ------- - ----- ---------------------------------------
---------------------
-
--- --- - --------------
--- -- - -----------------
---------------- -- -------------------------
-------------- -- --------------------在该示例中，fetch 方法返回的是一个 Promise 对象，而 yield 关键字暂停函数执行并返回 Promise 对象。调用 next() 方法时，可以获取上一次 yield 返回的 Promise 对象，并将结果传递给下一次 yield。
处理 Generator 的后续任务
Generator 函数在处理完最后一个 yield 后会自动停止。但是，在 Generator 函数执行过程中如果有异步任务，需要按照特定的顺序依次执行后续任务。为了解决这个问题，我们可以利用 Promise 对象的 then() 方法，将后续任务包装成一个 Promise 链式调用。
以下是一个使用 Promise 处理 Generator 后续任务的示例：
--------- ------------- -
--- ------- - ----- ---------------------------------------
---------------------
--- ------- - ----- ---------------------------------------
---------------------
-
-------- ---------------------- -
--- --------- - --------------------
-------- -------------------- -
-- ------------- ------ ------------------------------
------ -----------------------------
--------- -- -----------------------------------
-
------ -------------------------------
-
-----------------在该示例中，run 函数传入 Generator 函数作为参数，创建一个迭代器对象，并通过 handleResult 方法递归处理后续任务，直到所有异步任务完成。如果函数已经执行完毕，则返回最后的结果。
结论
本文介绍了如何利用 Promise 处理 ES6 中 Generator 函数的后续任务，并提供实际的示例代码。当处理异步任务时，使用 Generator 函数可以使代码更加可读和易于编写。而结合 Promise 则可以解决 Generator 函数中异步任务重复执行、出错以及简化回调等问题。
参考资料
- [MDN Web Docs: Generator 函数](https://developer.mozilla.org/en-US/docs/Web
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672d4a31ddd3a70eb6da157b