在 JavaScript 中，生成器函数是一种特殊的函数，它可以用来生成一个可迭代的对象，可以使用 yield 关键字来暂停和恢复函数的执行。生成器函数是 ECMAScript 2015 (ES6) 中引入的新特性，但在 ECMAScript 2017 中，它们得到了更进一步的改进，使得 JavaScript 更加灵活和变化丰富。
生成器函数的基础
在了解 ECMAScript 2017 中的生成器函数之前，我们需要先了解一下生成器函数的基础知识。
首先，生成器函数是通过在函数前面添加 * 来定义的，例如：
function* generatorFunction() { yield 1; yield 2; yield 3; }
在生成器函数内部，我们可以使用 yield 关键字来暂停函数的执行，并将一个值返回给调用者。例如，在上面的生成器函数中，我们使用了三个 yield 关键字，每次都返回一个数字。
当我们调用生成器函数时，它会返回一个可迭代的对象，我们可以使用 for...of 循环来遍历这个对象，并获取每个 yield 返回的值。例如：
const generator = generatorFunction(); for (const value of generator) { console.log(value); } // Output: 1 // Output: 2 // Output: 3
在上面的代码中，我们首先创建了一个生成器对象 generator，然后使用 for...of 循环来遍历这个对象。在每次循环中，我们都会获取到一个 yield 返回的值，并将其打印到控制台上。
ECMAScript 2017 中的改进
在 ECMAScript 2017 中，生成器函数得到了两个主要的改进：return 关键字和异步生成器函数。
return 关键字
在以前的版本中，生成器函数只能通过 yield 关键字来返回值，但是在 ECMAScript 2017 中，我们可以使用 return 关键字来返回最终的值，并且可以在生成器函数中捕获这个值。例如：
-- -------------------- ---- ------- --------- ------------------- - ----- -- ----- -- ------ -- - ----- --------- - -------------------- --- ------ ----- -- ---------- - ------------------- - -- ------- - -- ------- - ------------------------------------ -- ------- -展开代码
在上面的代码中，我们在生成器函数内部使用了 return 关键字来返回值 3。在我们调用 generator.next() 方法时，它会返回一个对象，其中包含一个 value 属性，这个属性就是我们通过 return 关键字返回的值。
异步生成器函数
另一个 ECMAScript 2017 中的改进是异步生成器函数。异步生成器函数是一种特殊的函数，它可以使用 yield 关键字来暂停函数的执行，但是这个函数可以返回一个 Promise 对象，这个 Promise 对象可以在异步操作完成后被解析。例如：
-- -------------------- ---- ------- ----- --------- ------------------------ - ----- ----- ------------------- ----- ----- ------------------- ----- ----- ------------------- - ----- -------------- - ------------------------- ------ ---------- - --- ----- ------ ----- -- --------------- - ------------------- - ----- -- ------- - -- ------- - -- ------- -展开代码
在上面的代码中，我们首先定义了一个异步生成器函数 asyncGeneratorFunction，它使用了 await 关键字来等待一个 Promise 对象解析。然后我们使用 for await...of 循环来遍历异步生成器函数返回的对象，并获取每个 yield 返回的值。
指导意义
生成器函数是 JavaScript 中非常有用的一个特性，它可以大大简化异步编程和迭代器编程的复杂性。在 ECMAScript 2017 中，生成器函数得到了更进一步的改进，使得 JavaScript 更加灵活和变化丰富。
在实际应用中，我们可以使用生成器函数来处理异步操作，例如读取文件、发送网络请求等。同时，生成器函数也可以用于编写高效的迭代器，例如遍历树形结构、生成无限序列等。因此，学习和掌握生成器函数是非常重要的，它可以提高我们的编程效率和代码质量。
示例代码
下面是一个使用生成器函数来生成斐波那契数列的示例代码：
-- -------------------- ---- ------- --------- ----------- - --- ------ ----- - --- --- ----- ------ - ------ ----- - ------ ---- - ------ ----- ----- - - ----- --------- - ------------ --- ---- - - -- - - --- ---- - ------------------------------------ - -- ------- - -- ------- - -- ------- - -- ------- - -- ------- - -- ------- -- -- ------- -- -- ------- -- -- ------- -- -- ------- --展开代码
在上面的代码中，我们定义了一个生成器函数 fibonacci，它可以用来生成斐波那契数列。在每次循环中，我们都会更新 prev 和 curr 的值，然后使用 yield 关键字来返回 curr 的值。最后，我们使用 for 循环来遍历生成器对象，并打印前 10 个斐波那契数列的值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67cb0c8de46428fe9e3aeafc
