generator 生成器,发电机; yield 让步,产出;
ES6中增加了两种异步解决方案,一个是Promise,另一个就是Generator函数 ;
作用:解决异步代码的编程风格;
Generator 函数是分段执行的,yield表达式是暂停执行的标记,而next方法可以恢复执行。
- function 关键字和函数之间有一个星号(*),且内部使用yield表达式,定义不同的内部状态。
- 调用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语句,执行后,跳出生成器函数;