Generator 是 ES6 中引入的一种新的函数类型，它可以在函数执行过程中暂停和恢复执行，从而使得函数的执行过程变得更加灵活和可控。本文将介绍 Generator 的概念、语法和使用方法，并通过实例代码来演示它的应用。
1. 概念
Generator 是一种特殊的函数，它可以在函数体内部使用 yield 关键字来暂停函数的执行，并将当前的执行结果返回给函数调用者。当函数再次被调用时，它会从上次暂停的位置继续执行，直到函数执行结束或者遇到下一个 yield 关键字。
Generator 的主要特点包括：
- 可以暂停和恢复函数的执行过程；
- 可以通过
yield关键字来向函数调用者返回执行结果； - 可以通过
next方法来控制函数的执行过程； - 可以通过
throw方法来向函数内部抛出异常； - 可以通过
return方法来终止函数的执行过程。
2. 语法
在函数的定义中，使用 function* 关键字来表示这是一个 Generator 函数。在函数体内部，使用 yield 关键字来暂停函数的执行，并将当前的执行结果返回给函数调用者。
下面是一个简单的 Generator 函数的例子：
function* myGenerator() {
yield 1;
yield 2;
yield 3;
}在调用该函数时，可以通过 next 方法来控制函数的执行过程：
const gen = myGenerator(); console.log(gen.next().value); // 输出 1 console.log(gen.next().value); // 输出 2 console.log(gen.next().value); // 输出 3 console.log(gen.next().value); // 输出 undefined
在执行 next 方法时，Generator 函数会从上次暂停的位置继续执行，并将执行结果返回给函数调用者。当函数执行结束时，next 方法会返回一个 done 属性为 true 的对象。
3. 使用方法
Generator 函数的应用非常广泛，可以用来实现异步编程、迭代器、状态机等功能。下面将通过一些实例来演示它的使用方法。
3.1 实现异步编程
Generator 函数可以轻松实现异步编程，例如实现一个异步读取文件的例子：
-- -------------------- ---- -------
--------- ------------------ -
----- -- - --------------
----- ------- - ----- --------------------- -------- ----- ----- -- -
-- ----- -
---------------
- ---- -
---------------
-
---
---------------------
-
----- --- - -----------------------
-----------上述代码中，使用 yield 关键字暂停函数的执行，并通过 fs.readFile 方法异步读取文件内容。当读取文件完成后，通过 gen.next 方法将读取的内容传递给 Generator 函数，并继续执行函数的后续代码。
3.2 实现迭代器
Generator 函数可以实现迭代器的功能，例如实现一个斐波那契数列的例子：
-- -------------------- ---- -------
--------- ----------- -
--- - - --
--- - - --
----- ------ -
----- --
--- -- - --- - - ---
-
-
----- --- - ------------
------------------------------ -- -- -
------------------------------ -- -- -
------------------------------ -- -- -
------------------------------ -- -- -
------------------------------ -- -- -上述代码中，使用 yield 关键字暂停函数的执行，并返回斐波那契数列的下一个值。当需要获取下一个值时，通过 next 方法继续执行函数的后续代码。
3.3 实现状态机
Generator 函数可以实现状态机的功能，例如实现一个简单的状态机的例子：
-- -------------------- ---- -------
--------- -------------- -
--- ----- - --------
----- ------ -
------ ------- -
---- --------
--------------------
------
----- - -------------
------
---- -------------
--------------------
------
----- - ------
------
---- ------
--------------------
-------
-
-
-
----- --- - ---------------
-----------
-----------
-----------上述代码中，使用 yield 关键字暂停函数的执行，并根据当前的状态来执行相应的代码。当需要切换到下一个状态时，通过 next 方法继续执行函数的后续代码。
4. 总结
Generator 是 ES6 中引入的一种新的函数类型，它可以在函数执行过程中暂停和恢复执行，从而使得函数的执行过程变得更加灵活和可控。本文介绍了 Generator 的概念、语法和使用方法，并通过实例代码来演示它的应用。在实际的开发中，我们可以灵活运用 Generator 函数来实现异步编程、迭代器、状态机等功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6555f3e5d2f5e1655d06575e