JS - Generator函数

generator 生成器,发电机;    yield 让步,产出;

ES6中增加了两种异步解决方案,一个是Promise,另一个就是Generator函数 ;

作用:解决异步代码的编程风格;

Generator 函数是分段执行的,yield表达式是暂停执行的标记,而next方法可以恢复执行。

  1. function 关键字和函数之间有一个星号(*),且内部使用yield表达式,定义不同的内部状态。
  2. 调用Generator函数后,该函数并不执行,返回的也不是函数运行结果,而是一个指向内部状态的指针对象。

(字面量) function * gen(){ yield "hello"; yield "world"; return "end"}

(函数表达式/匿名函数)var gen = function *() { yield "hello"; yield "world"; return "end"}

 var g = gen();

        g.next(); // g对象是Generator函数的"遥控器", 它其实是一个迭代器对象 ;

        // g.next(); 该方法每执行一次 就会让Generator函数从上一个停留位置 执行到下一个停留位置;停留位置通过 yield关键字划分;

        //

g对象

g对象有三个方法

  • next(data) 该方法用于启动下一段代码的执行;

next的参数: data: 传递的数据,会被下一个yield前面的变量接收到;

表示上一个yield表达式的返回值,所以在第一次使用next方法时,传递参数是无效的。V8 引擎直接忽略第一次使用next方法时的参数,只有从第二次使用next方法开始,参数才是有效的。

返回值:一个对象 {value: yield后的内容, done: 布尔值};

表示当前阶段的信息( value 属性和 done 属性);

value 属性是 yield 语句后面表达式的值,表示当前阶段的值;
done 属性是一个布尔值,表示 Generator 函数是否执行完毕,即是否还有下一个阶段(done为false 继续执行)。

  • throw() 该方法用于抛出一个错误
  • return() 该方法用于终止生成器函数的执行

next 方法的作用是分阶段执行 Generator 函数。每次调用 next 方法,会返回一个对象,表示当前阶段的信息( value 属性和 done 属性)。
value 属性是 yield 语句后面表达式的值,表示当前阶段的值;
done 属性是一个布尔值,表示 Generator 函数是否执行完毕,即是否还有下一个阶段(done为false 继续执行)。

yield表达式就是暂停标志。

yield表达式后面的表达式,只有当调用next方法、内部指针指向该语句时才会执行。

yield:

(1)yield语句只能用于function* 的作用域,如果function* 的内部还定义了其他的普通函数,则函数内部不允许使用yield语句。

(2)yield语句如果参与运算,必须用括号括起来。


next():
generator函数(生成器)调用的唯一方法,且注意需依次调用next方法,
对于普通的生成器,第一次next调用,相当于启动生成器,会从生成器函数的第一行代码开始执行,直到第一次执行完yield语句后,跳出生成器函数。
然后第二个next调用,进入生成器函数后,从yield语句的下一句语开始执行,然后重新运行到yield语句,执行后,跳出生成器函数;

你可能感兴趣的:(JS,javascript,前端,开发语言)