ES6 Generator baffling me

Question

Я пытаюсь понять, как это работает. Я обработал этот код наизнанку и до сих пор не понимаю, как он возвращает значения. Я получил это из учебника по http://davidwalsh.name/es6-generators

function *foo(x) { 
    var y = 2 * (yield (x + 1)); 
    var z = yield (y/3); 
    return (x + y + z); 
} 

var it = foo(5); 

// note: not sending anything into `next()` here 
console.log(it.next());  // { value:6, done:false } 
console.log(it.next(12)); // { value:8, done:false } 
console.log(it.next(13)); // { value:42, done:true } 

я, кажется, несколько обхвата на первый следующий(), но следующие 2 расстроить меня со значением 8 и 42.

Надежды кто-то может помочь объяснить это, поэтому я могу попытаться понять и перейти на следующие этапы с генераторами.

Answer 1

Аргумент next становится значением предыдущего yield. Это поток:

it.next() запускает генератор. Его значение получается как x + 1, что составляет 6.

it.next(12) возобновляет генератор, возвращая 12 в качестве значения yield (x + 1). y будет 2 * 12, т.e. 24. Значение it.next(12) приведено как 24/3, то есть 8.

it.next(13) возобновляет генератор, возвращая 13 как значение yield (y/3), так 13 присваивается z. Таким образом, конечным результатом является 5 + 24 + 13, или 42.

TL; ДР:next возобновляет генератор и передает значение, возвращаемое yield. yield останавливает генератор и передает значение, возвращаемое next. Это как эта забавная игра в цифровой теннис.

Answer 2

Генераторы не более синтаксическими для закрытия, попробуйте следующее:

function foo(x) 
    { 
    var step = 0; 
    var y; 
    var z; 

    function next(p) { 

     switch(step++) { 
     case 0: return { done:false, value:x + 1 }; break; 
     case 1: y = 2 * p; return { done:false, value:y/3 }; break; 
     case 2: z = p; return { done:true, value: x + y + z }; break; 
     default: return; 
     } 
    } 
    return {next:next}; 
    }  

    var it = foo(5); 
    console.log(it.next());  // { value:6, done:false } 
    console.log(it.next(12)); // { value:8, done:false } 
    console.log(it.next(13)); // { value:42, done:true }