title: Why dosent fruit get assigned 'apple' in this generator function?
body: <p>Title says it all.</p>
  <p>Output is:</p>
  <pre><code>starting
  lol
  undefined
  0 undefined
  </code></pre>
  <p>Expected:</p>
  <pre><code>starting // yield giving us back a string
  lol  // yield giving back result from bar()
  'apples' // since the 'yield bar()' is 'replaced' by 'apples' via next('apples')
  '0 apples' // the last yield should tell us what fruit is, but its undefined
  </code></pre>
  <p>Code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const bar = () =&gt; 'lol'
  
  function* foo1() {
    yield 'starting'
    let a = 0
    let fruit = yield bar()
    console.log(fruit) // &lt;-- y no apples? I could even see 'lol' being here too.
    yield `${a} ${fruit}`
  
  }
  
  let g = foo1()
  
  console.log(g.next().value)
  console.log(g.next('apples').value)
  console.log(g.next().value)</code></pre>
  </div>
  </div>
  </p>