ES6 Generator 函数(生成器)介绍

Generator 函数的声明方式与普通函数只有一点点不同之处

普通函数声明方式为

 而Generator 函数声明方式只需要在function与函数名添加一个*号便可

 yield用于分割 Generator 函数内部的内容 (下方图解便于理解)

Generator 函数调用与普通函数相近,方法名加上(),但其执行机制不同,直接调用 Generator 函数将不会得到结果,

控制台输出为空

 

 

需要要调用遍历器对象Iterator 的 next 方法,指针就会从函数头部或者上一次停下来的地方开始执行。

fn().next();

想要输出全部结果只需要调用三次next便可,不过得用一个变量把函数装起来调用,不然只会重复输出第一部分语句,因为调用完后就被释放了,再次使用就是从开始

 

还可以通过当前yield对象来看到当前的状态与yield的值

很简单,只需要使用console.log();把当前语句包裹就能输出其对象了

 

 

 object中的value代表当前yield的值,而done代表是否完成,false代表未完成,true代表完成

因为第三个yield还有内容,所以显示为完成,第四个yield值为undefined,已经没有内容了,则输出已完成。

以上便是博主对Generator函数的简单理解,如有错误或不足欢迎评论区补充

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值