在开发过程中，我们经常会使用异步函数和 generator 函数来有效地处理多个任务。而 ES8 中对异步函数和 generator 函数的改进则极大地提升了它们的灵活性和可用性。
本文将为你深入探讨 ES8 中异步函数和 generator 函数的自动化执行，以及如何利用这些功能来提高前端开发效率。
异步函数
在 ES6 中，我们可以使用 Promise 对象来处理异步任务。而异步函数则是在 Promise 的基础上，进一步简化了异步操作方法的语法。
异步函数使用 async 关键字声明，并且函数内部所有使用 await 关键字的操作都会自动转化为 Promise。以下是一个简单的异步函数示例：
----- -------- ------------- -
--- -------- - ----- -----------
-- ---------------- -- ---- -
--- ---- - ----- ----------------
------ -----
-
----- --- -----------------------
-
----------------------------------------
---------- -- ------------------
---------- -- ------------------上述代码中，我们可以看到 async 和 await 关键字的使用，以及如何处理异步操作的错误。
Generator 函数
Generator 函数则是一类具有自动执行器的函数，当调用该函数时，会返回一个遍历器对象。我们可以通过遍历器对象的 next() 方法手动执行生成器函数内部的代码，或通过自动执行器来自动执行，从而完成对异步任务的处理。
以下是一个简单的 Generator 函数示例：
--------- ----------------------- - -- --- - --------- ---- - -- -
--- - - ------
----- -- - ---- -
----- --
- -- -----
-
-
--- -------- - -------------------- --- ---
--- ---- --- -- --------- -
-----------------
-上述代码中，我们使用 function* 关键字定义了一个 Generator 函数，并使用 yield 关键字返回一个值。我们可以通过遍历 for 循环来遍历生成器函数的返回值。
自动执行器
虽然 Generator 函数具有自动执行程序的能力，但在实践中，我们通常使用第三方库或自己编写的代码来完成此任务。以下是一个自动执行器的示例：
-------- ------------ -
--- ---- - ----------
-------- --------- -
--- ---------- - ---------------
-- ----------------- -
------ ----------------------------------
-
------ ---------------------------------
-----------
---------- -- ---------------------------------
-
------ -------
-
--- ------- - ------------- -- -
--- ------ - ----- -------------------
--- ------ - ----- -------------------
--- ------ - ----- -------------------
------ ------ - ------ - -------
---
---------------- -- ------------------上述代码中，我们通过 run() 函数来自动执行 Generator 函数。我们使用递归方法 step() 来迭代遍历生成器函数的返回值，并将 Promise 进行链式处理。
结论
ES8 中的异步函数和 generator 函数，有效地解决了处理异步任务时所面临的问题。当我们根据具体需求适当使用并灵活运用这些功能时，可以显著提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6731abb50bc820c58239b75c