什么是生成器函数？
在 ES7 中，生成器是一种函数类型，它可以用来创建一个可迭代对象，这个可迭代对象可以通过 yield 关键字进行迭代。可以将生成器视为一个具有暂停和恢复功能的函数，它可以在暂停时将中间结果返回给调用者，然后再从该中间结果继续执行。
相比较于普通函数，生成器函数具有以下特点：
可暂停。 生成器函数可以通过
yield关键字将执行过程暂停，以便中途返回一个结果值。可恢复。 生成器函数可以在中途暂停后恢复执行，从上次暂停的地方继续执行。
可迭代。 生成器函数返回的对象是可迭代对象，可以像数组一样进行迭代操作。
如何使用生成器函数？
以下是一个简单的生成器函数的示例代码：
function* generator() {
yield 1;
yield 2;
yield 3;
}在生成器函数中，yield 关键字用于暂停函数的执行，并返回一个值。
使用生成器函数创建出来的对象，可以像数组一样进行迭代操作，例如：
const iterator = generator();
console.log(iterator.next()); // 输出 { value: 1, done: false }
console.log(iterator.next()); // 输出 { value: 2, done: false }
console.log(iterator.next()); // 输出 { value: 3, done: false }
console.log(iterator.next()); // 输出 { value: undefined, done: true }生成器函数的优点
易于编写。通过
yield关键字，我们可以更加简单、直观地定义一个函数的多个执行阶段。可控的异步操作。使用生成器函数可以在异步操作中更好地控制程序的执行流程，以避免回调地狱等问题。
更好的性能。使用生成器函数可以减少内存占用，提高代码的执行效率。
可以使用生成器函数做什么？
异步编程。 通过生成器函数和
yield关键字，可以轻易地实现异步操作。例如，在一个长时间的网络请求中，我们可以使用yield关键字在请求完成后再进行操作。数据流。 通过将生成器函数作为参数传递给其他函数，可以实现更复杂的数据流处理，例如过滤、映射、排序等。
状态机。 生成器函数可以作为状态机的一种实现方式，用于处理复杂的状态流程。
总结
生成器函数是 ES7 中一个非常强大的函数类型，它可以通过 yield 关键字实现函数的暂停和恢复功能，以及数据流、异步编程等功能。对于前端开发人员来说，熟练掌握生成器函数的使用，可以帮助我们更好地处理异步操作，提高代码的执行效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64996c7248841e9894675118