Generatoren in ES6: verschachtelte Ausbeuten?

Question

Kann mir jemand erklären, wie dieser Code funktioniert? (Verschachtelt Erträge):

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 

Zuerst console.log() erhalten wir einen Wert von 10, danach 11 ..12 ... 13 ... 20 ... wie funktioniert diese Unter Ausbeute Arbeit ?

Answer 1

yield* anotherGenerator(i); ist im Grunde eine bequeme Abkürzung für

for (var value of anotherGenerator(i)) { 
    yield value; 
}