不要忘记使用非常有用的“x of generator”语法来遍历生成器。根本不需要使用next()函数。

function* square(x){
    for(i=0;i<100;i++){
        x = x * 2;
        yield x;        
    }   
}

var gen = square(2);
for(x of gen){
   console.log(x);
}

不要忘记使用非常有用的“x of generator”语法来遍历生成器。根本不需要使用next()函数。

function* square(x){
    for(i=0;i<100;i++){
        x = x * 2;
        yield x;        
    }   
}

var gen = square(2);
for(x of gen){
   console.log(x);
}

迟回答，也许现在每个人都知道收益率，但一些更好的文件已经出现。

将James Long的《Javascript的未来:生成器》中的一个例子改编为官方的Harmony标准:

function * foo(x) {
    while (true) {
        x = x * 2;
        yield x;
    }
}

当你调用foo时，你会得到一个Generator对象，它有一个next 方法。”

var g = foo(2);
g.next(); // -> 4
g.next(); // -> 8
g.next(); // -> 16

收益率有点像回报，你会得到一些回报。Return x返回x的值，但yield x返回一个函数，它为您提供了一个迭代到下一个值的方法。如果您有一个潜在的内存密集型过程，您可能希望在迭代期间中断这个过程，那么这个方法很有用。

在学习yield之前，您需要了解生成器。生成器是使用函数*语法创建的。Generator函数不执行代码，而是返回一种称为Generator的迭代器。当使用下一个方法给出一个值时，生成器函数将继续执行，直到遇到yield关键字。使用yield返回一个包含两个值的对象，一个是value，另一个是done(布尔值)。该值可以是数组、对象等。

这真的很简单，它是这样工作的

Yield关键字只是帮助在任何时间异步暂停和恢复一个函数。 此外，它还有助于从生成器函数返回值。

以这个简单的生成器函数为例:

function* process() {
    console.log('Start process 1');
    console.log('Pause process2 until call next()');

    yield;

    console.log('Resumed process2');
    console.log('Pause process3 until call next()');

    let parms = yield {age: 12};
    console.log("Passed by final process next(90): " + parms);

    console.log('Resumed process3');
    console.log('End of the process function');
}

Let _process = process();

在调用_process.next()之前，它不会执行前两行代码，然后第一个yield将暂停函数。 要继续该函数直到下一个暂停点(yield关键字)，需要调用_process.next()。

您可以将多个yield看作是javascript调试器中单个函数中的断点。直到 你告诉导航下一个断点，它不会执行代码 块。(注意:不阻塞整个应用程序)

但是当yield执行暂停和恢复行为时，它也可以返回一些结果{value: any, done: boolean} 根据前面的函数，我们没有输出任何值。如果我们查看之前的输出，它将显示相同的{value: undefined, done: false} 值未定义。

让我们深入研究yield关键字。可选地，您可以添加表达式和设置分配一个默认可选值。(官方文档语法)

[rv] = yield [expression];

表达式:从生成器函数返回的值

yield any;
yield {age: 12};

rv:返回传递给生成器next()方法的可选值

简单地，您可以使用这种机制将参数传递给process()函数，以执行不同的yield部分。

let val = yield 99; 

_process.next(10);
now the val will be 10 

现在就试试

用法

懒惰的评价 无限的序列 异步控制流

引用:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/yield http://javascript.tutorialhorizon.com/2015/09/16/generators-and-yield-in-es6/ https://strongloop.com/strongblog/how-to-generators-node-js-yield-use-cases/

举个简单的例子:

const strArr = ["red", "green", "blue", "black"];

const strGen = function*() {
    for(let str of strArr) {
        yield str;
    }
};

let gen = strGen();

for (let i = 0; i < 5; i++) {
    console.log(gen.next())
}

//prints: {value: "red", done: false} -> 5 times with different colors, if you try it again as below:

console.log(gen.next());

//prints: {value: undefined, done: true}