Java教程

JavaScript之Generator

本文主要是介绍JavaScript之Generator,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Generator

常规函数只会返回一个单一值(或者不返回任何值)。
而Generator可以按需一个接一个地返回(“yield”)多个值。它们可与iterable完美配合使用,从而可以轻松创建数据流。

Generator 函数

要创建一个generator,我们需要一个特殊的语法结构:function*,即所谓地“generator function”。

function* generateSequence() {
   yield 1;
   yield 2;
   return 3;
}

Generator函数与常规函数的行为不同。在此类函数被调用时,他不会运行其代码。而是返回一个被称为“generator object”的特殊对象,来管理执行流程。
一个例子:

function* generateSequence() {
   yield 1;
   yield 2;
   return 3;
}
let generator = generateSequence(); //创建了一个generator object
alert(generator); //[object Generator]

到目前为止,上面这段代码中的函数体还没有执行。
一个generator的主要方法就是next()。当被调用时,它会恢复运行,执行直到最近的yield <value>语句(value默认为undefined)。然后函数执行暂停,并将产出的值返回到外部代码。
next()的结果始终是一个具有两个属性的对象:

  • value:产出的(yielded)的值
  • done:如果generator函数已执行完则为true,否则为false。

例如,我们可以创建一个generator并获取其第一个产出的(yielded)值:

function* generatorSequence() {
   yield 1;
   yield 2;
   return 3;
}
let generator = generatorSequence();
let one = generator.next();
alert(JSON.stringify(one)); // {value: 1, done: false}

之后依次执行next(),value的值分别变为2,3,当执行到return时,done的值变为true。
Generator是可迭代的,即可以通过for..of循环遍历它所有的值,但是此时会忽略掉return所返回的值。

function* generatorSequence() {
   yield 1;
   yield 2;
   return 3;
}
let generator = generatorSequence();
for(let value of generator)  {
   alert(value); //1然后是2
}

当然也可以使用spread方法...

function* generatorSequence() {
   yield 1;
   yield 2;
   yield 3;
}
let sequence = [0, ...generateSequence()];
alert(sequence); //0, 1, 2, 3
这篇关于JavaScript之Generator的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!