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语句,执行后,跳出生成器函数;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值