ECMAScript 2016 引入了生成器函数，它是一种特殊的函数，可以通过 yield 关键字来暂停和恢复函数的执行。生成器函数提供了一种更加简洁和可读的方式来编写迭代器，同时也可以用于异步编程。
基本语法
生成器函数使用 function* 关键字来定义，它的语法类似于普通函数，但是可以使用 yield 关键字来暂停函数的执行。下面是一个简单的示例：
--------- ------------- - ----- ------ ----- ------ ----- ------ - ----- --- - -------------- ------------------------ -- - ------ ------ ----- ----- - ------------------------ -- - ------ ------ ----- ----- - ------------------------ -- - ------ ------ ----- ----- - ------------------------ -- - ------ ---------- ----- ---- -
在上面的示例中，myGenerator 函数定义了一个生成器函数，它使用 yield 关键字定义了三个值。当我们调用 myGenerator 函数时，它会返回一个迭代器对象，我们可以使用 next 方法来获取下一个值。每次调用 next 方法时，函数都会执行到下一个 yield 关键字处，并返回值和 done 属性。
生成器函数的应用
迭代器
生成器函数最常见的用途是作为迭代器，它可以用来遍历数组、对象等数据结构。下面是一个遍历数组的示例：
--------- ----------------- -
--- ---- - - -- - - ----------- ---- -
----- -------
-
-
----- --- - --- -- ---
----- ---- - ------------------
------------------------- -- - ------ -- ----- ----- -
------------------------- -- - ------ -- ----- ----- -
------------------------- -- - ------ -- ----- ----- -
------------------------- -- - ------ ---------- ----- ---- -在上面的示例中，我们定义了一个 iterateArray 函数，它接受一个数组作为参数，并使用 for 循环和 yield 关键字来遍历数组。当我们调用 iterateArray 函数时，它会返回一个迭代器对象，我们可以使用 next 方法来获取下一个值。
异步编程
生成器函数还可以用于异步编程，它可以让我们使用同步的方式来编写异步代码。下面是一个使用生成器函数实现异步操作的示例：
--------- ---------------- - ----- ------ - ----- -------------------------------------- -------------------- - ----- --- - ----------------- ----- ------- - ----------------- ----------------- -- ----------------
在上面的示例中，我们定义了一个 asyncOperation 函数，它使用 yield 关键字来暂停函数的执行，等待异步操作完成。当我们调用 asyncOperation 函数时，它会返回一个迭代器对象，我们可以使用 next 方法来获取下一个值。在第一次调用 next 方法时，它会返回一个 Promise 对象，我们可以使用 then 方法来获取异步操作的结果，并将结果传递给下一个 yield 关键字。
总结
生成器函数是 ECMAScript 2016 中新增的特性，它可以用来编写迭代器和异步操作。生成器函数的语法类似于普通函数，但是可以使用 yield 关键字来暂停和恢复函数的执行。生成器函数可以让我们编写更加简洁和可读的代码，同时也可以提高代码的可维护性和可扩展性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/662eb223d3423812e4cb41bf