Generator函数

发表于

Generator 函数

generator 是生成器。generator 可以看成是一个取号机，你拿一张票去向机器请求一个号码，你接受了你的号码之后，机器不会自动为你提供下一个。换句话说，取票机“暂停”直到另外一个人来请求另一个号码，此时它才会向后进行。

generator 函数的创建
  • ES6 中用function*来创建生成器函数
  • 当想要 generator 产生一个值之后暂停执行，需要使用到yield（生成）关键字，有点类似于 return 关键字（都可以返回一个值），只是 yield 返回值之后 generator 函数会暂停运行
1
2
3
4
5
6
function* ticketGenerate() {
  //创建一个取号机
  yield 1;
  yield 2;
  yield 3;
}
  • yield*是委派至另一个生成器函数
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function* anotherGenerator(i) {
  yield i + 1;
  yield i + 2;
  yield i + 3;
}

function* generator(i) {
  yield i;
  yield* anotherGenerator(i);
  yield i + 10;
}

var gen = generator(10);

console.log(gen.next().value); // 10
console.log(gen.next().value); // 11
console.log(gen.next().value); // 12
console.log(gen.next().value); // 13
console.log(gen.next().value); // 20
generator 函数的使用
  • ticketGenerate()不会马上执行它的主体，而是会返回一个这个生成器函数的迭代器对象
  • 当这个迭代器对象的 next 方法被调用时候，生成器函数的主体会执行到第一个 yield 表达式，该表达式定义了迭代器对象返回的值。
  • next()返回一个对象：{value:1,done:false}，value 属性是产出的值，done 属性是表示生成器是否已经产出了它最后的值。
1
2
const ticket = ticketGenerate(); //返回一个生成器对象
ticket.next(); //{value: 1, done: false}
影响 generator 的状态
  • next()的另一个妙用是可以给它传递值，它会被视为 generator 中的 yield 语句的结果对待。
  • 因此 next 是在 generator 运行过程中向其传递信息的方式。我们可以借此来重置取号机，将号码变为 0。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function* ticketGenerator() {
  for (var i = 0; true; i++) {
    var reset = yield i;
    if (reset) {
      i = -1;
    }
  }
}
var takeANumber = ticketGenerator();
console.log(takeANumber.next().value); //0
console.log(takeANumber.next().value); //1
console.log(takeANumber.next().value); //2
console.log(takeANumber.next(true).value); //0
console.log(takeANumber.next().value); //1