ES8是ECMAScript 2017的简称，是JavaScript语言的一个标准。本文将深入探讨ES8中的Generator函数，介绍其详细用法，从而使读者更好地了解和掌握这个重要的特性。
Generator 函数的介绍
Generator函数是ES6中引入的一种函数，它最主要的特点是能够控制函数的执行进程。Generator函数可以暂停执行，然后再恢复执行，这样就可以让函数的执行过程可控。Generator函数使用function*来定义。
Generator 函数的使用
下面我们通过一个例子来说明Generator函数的使用方法。
-- -------------------- ---- -------
--------- ----- -
--- - - --
--- - - --
----- ------ -
----- --
--- -- - --- - - ---
-
-
----- --------- - ------
--- ---- - - -- - - --- ---- -
----- ------ - -----------------
--------------------------
-上面的代码中定义了一个Generator函数，它用来生成斐波那契数列。在函数体内部，我们定义了变量a和b，然后使用while循环来不断地生成数列。关键在于我们使用yield关键字来暂停函数执行，然后使用next()方法来恢复执行，这样就可以实现逐步生成数列的功能了。
代码输出结果如下：
-- -------------------- ---- ------- - - - - - - - -- -- --
从输出结果可以看出，使用Generator函数生成的斐波那契数列是按照我们的预期依次递增的。
Generator 函数的异步特性
除了上面的同步使用方法外，Generator函数还有异步调用的特性。使用Generator函数配合Promise对象，可以实现异步编程的功能。
-- -------------------- ---- -------
--------- ----- -
----- --- - --- -----------------
--------------- ------------------------------
-----------
----- - ------- - - ----- --- --------------- -- -
---------------------- - -- -- -
-- --------------- --- - -- ---------- --- ---- -
--------------------------------------
-
--
---
----- - ----- - ------ ---- - - - -----------
------------------ -------- ----------
-
----- --------- - ------
------------------------------ -- -
--------------------------
---上面的代码通过Generator函数和Promise对象，实现了一个异步获取随机用户姓名的功能。程序中，我们使用XMLHttpRequest对象来发送异步请求，然后通过yield和Promise对象来暂停执行和恢复执行。最终，我们可以输出获取到的用户姓名。
Generator 函数的状态控制
使用Generator函数，我们可以控制函数的执行进程。通过使用throw方法和return方法，我们可以手动修改Generator函数的执行状态。
-- -------------------- ---- -------
--------- ----- -
--- -
------------------ ---------- ---------
----- - - ----- --
----- - - ----- - - --
-------------------- ---------
- ----- ------- -
--------------------- -----------
-
-
----- --------- - ------
------------------------------------
-------------------------------------
------------------------------- ----------------------
----------------------------------------------代码输出结果如下：
Start generating values 1 4 Error: Error: Ops! Finish
从输出结果可以看出，我们手动修改了Generator函数的执行状态，从而实现了状态的控制。
Generator 函数的应用场景
可以使用Generator函数来实现异步编程的功能，比如说实现异步请求数据和异步调用接口等等。此外，Generator函数还可以实现状态机的功能，它是一种非常有用的编程方法，尤其适合于处理复杂的状态流程逻辑。
总结
本文介绍了ES8中的Generator函数，详细讲解了其使用方法、异步特性、状态控制以及应用场景等。希望对读者增加对Generator函数的深层次理解和精通，从而在前端开发中能够更加灵活地应用其特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651e29ca95b1f8cacd5d8e4a