ES6 中新增的 Generator 函数详解及使用场景分析
Generator 函数是 ES6 中新增的一种函数类型，它可以用来控制函数的执行流程，从而实现一些特殊的功能。本文将详细介绍 Generator 函数的语法、特性以及使用场景。
1. Generator 函数的语法
Generator 函数的定义方式和普通函数类似，只是在函数名前面加上一个 * 号。例如：
function* myGenerator() {
// generator function body
}Generator 函数内部可以使用 yield 关键字暂停函数的执行，并返回一个值。例如：
function* myGenerator() {
yield 1;
yield 2;
yield 3;
}Generator 函数的调用方式和普通函数略有不同，需要先创建一个 Generator 对象，然后调用它的 next() 方法来执行函数。例如：
const g = myGenerator();
console.log(g.next()); // { value: 1, done: false }
console.log(g.next()); // { value: 2, done: false }
console.log(g.next()); // { value: 3, done: false }
console.log(g.next()); // { value: undefined, done: true }2. Generator 函数的特性
Generator 函数有以下几个特性：
- 可以暂停函数的执行，并返回一个值。
- 可以在函数内部控制执行流程。
- 可以通过
yield*关键字调用其他 Generator 函数。 - 可以通过
return关键字结束函数的执行，并返回一个值。 - 可以通过
throw关键字抛出一个异常。
其中，yield* 关键字用于在 Generator 函数内部调用其他 Generator 函数。例如：
function* myGenerator() {
yield* anotherGenerator();
}3. Generator 函数的使用场景
Generator 函数的使用场景非常广泛，以下是一些常见的用法：
3.1. 迭代器
由于 Generator 函数可以暂停函数的执行，并返回一个值，因此它非常适合用于实现迭代器。例如：
-- -------------------- ---- -------
--------- --------------- -
--- ---- - - -- - - ----------- ---- -
----- -------
-
-
----- --- - --- -- ---
----- -------- - ----------------
--- ---- ----- -- --------- -
------------------- -- -- -- -
-3.2. 异步编程
Generator 函数可以通过 yield 关键字暂停函数的执行，并在异步操作完成后继续执行。例如：
-- -------------------- ---- -------
--------- ----------------- -
----- ------ - ----- ------------
--------------------
-
-------- ----------- -
------ --- --------------- -- -
------------- -- -
----------------
-- ------
---
-
----- - - ------------------
----- ------- - ---------------
------------------- -- -
---------------
---3.3. 状态机
由于 Generator 函数可以在函数内部控制执行流程，因此它非常适合用于实现状态机。例如：
-- -------------------- ---- -------
--------- ---------------- -
--- ----- - --
----- ------ -
------ ------- -
---- --
------------------ ----
----- - --
------
---- --
------------------ ----
----- - --
------
-
------
-
-
----- ------------ - -----------------
-------------------- -- ----- -
-------------------- -- ----- -
-------------------- -- ----- -
-------------------- -- ----- -4. 总结
Generator 函数是 ES6 中非常强大的一种函数类型，它可以用于实现迭代器、异步编程和状态机等功能。掌握 Generator 函数的语法和特性，可以大大提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6507c04295b1f8cacd2ff196