es6 yield

问题描述

问 题

    function* dataConsumer() {
      console.log('Started');
      console.log(`1. ${yield}`);
      console.log(`2. ${yield}`);
      return 'result';
    }

    let genObj = dataConsumer();
    console.log(genObj.next());//[1]
    console.log(genObj.next('a'));//[2]
    console.log(genObj.next('b'));//[3]

请问上面代码是怎么一个执行顺序dataConsumer里面的第二个和第三个里的yield前面没有 类似yield 222之类的，，它是怎么执行的？谢谢

解决方案

yield语句是暂停执行的标记，每次调用next方法，执行到下一个yield之前。
因而，yield 222并不是一定要求的格式。
就像我们常常写的 return 222,函数返回值是222，而同样return;函数返回值是undefined。这是一样的道理。
因为此处 yield后面并没有跟返回值，所以genObj.next()返回值是Object {value: undefined, done: false}。

遍历器对象的next方法的运行逻辑如下。

（1）遇到yield语句，就暂停执行后面的操作，并将紧跟在yield后面的那个表达式的值，作为返回的对象的value属性值。

（2）下一次调用next方法时，再继续往下执行，直到遇到下一个yield语句。

（3）如果没有再遇到新的yield语句，就一直运行到函数结束，直到return语句为止，并将return语句后面的表达式的值，作为返回的对象的value属性值。

（4）如果该函数没有return语句，则返回的对象的value属性值为undefined。

阮一峰EMCAScript入门

这篇关于es6 yield的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！