如何理解ES6中 Generator的？使用场景？
ES6引入的Generator函数是一种可以暂停执行和恢复执行的函数，提供了更强大的控制函数执行的能力。这种函数返回一个遵循迭代器协议的Generator对象，通过这个对象可以控制Generator函数的执行。
Generator函数的基本特性
- 语法：Generator函数通过
function*语法声明，函数中可以使用yield表达式暂停函数的执行。 - 迭代器对象：Generator函数执行后返回一个Generator对象，该对象即符合迭代器协议，也符合可迭代协议。
- 控制执行：通过Generator对象的
next()方法控制函数的执行流程，每次调用next()方法时，函数执行到下一个yield表达式处或函数结束。 - 数据交换和错误处理：
yield表达式可以暂停执行，等待next()方法被调用时传入的值，这使得函数执行可以暂停并在将来某个时刻恢复，同时next()方法返回一个对象，该对象包含value和done两个属性，表示当前的返回值和函数是否执行结束。Generator函数还可以通过throw()方法抛出异常，通过return()方法提前退出。
使用场景
- 异步操作的同步化表达：Generator函数可以暂停执行和恢复执行，这使得它非常适合处理异步操作，尤其是在
async/await出现之前。通过Generator函数，可以用同步编程的方式写异步代码，提高代码的可读性和可维护性。 -
控制流管理：可以使用Generator函数控制复杂的流程，比如在不同的阶段根据条件选择不同的执行路径。
-
部分计算：Generator可以用于实现惰性计算，即按需执行计算，这在处理大量数据或无限数据序列时非常有用。
示例
基本示例
function* generateSequence() {
yield 1;
yield 2;
return 3;
}
let generator = generateSequence();
console.log(generator.next()); // { value: 1, done: false }
console.log(generator.next()); // { value: 2, done: false }
console.log(generator.next()); // { value: 3, done: true }
异步操作的同步化表达
function* fetchUserById(id) {
const user = yield fetch(`/api/user/${id}`);
yield user.json();
}
const generator = fetchUserById(1);
generator.next().value.then(response => {
generator.next(response).value.then(user => {
console.log(user); // 用户数据
});
});
虽然async/await的引入使得异步操作更加简洁，但Generator函数仍然是理解和使用异步编程模型，特别是在需要细粒度控制异步流程的场景中的一个强大工具。