es6基础回顾--Generator函数

Generator可以理解成状态机,封装了多个内部状态。
形式上Generator就是一个普通的函数,但是function关键字和函数名之间有一个星号,内部使用yield表达式。

function* test (){
    yeild 'hello';
    yeild 'world';
    return 'ending';
}
var hw = test();

test函数有三个状态,hello,world和return语句。调用Generator函数后该函数并不执行,返回的是一个指向内部状态的指针对象(Iterator Object)。
必须调用遍历器对象的next方法,使得指针移向下一个状态。每次调用next方法,内部指针就从函数头部或上一次停下来的地方开始执行,直到遇到下一个yield表达式。
Generator 函数是分段执行的,yield表达式是暂停执行的标记,而next方法可以恢复执行。

hw.next();
// {value:'hello',done:false}
hw.next();
// {value:'world',done:false}
hw.next();
// {value:'ending',done:true}  已经结束
hw.next();
// {value:undefined,done:true}  之后的调用都返回这个

调用Generator函数返回一个遍历器对象,代表Generator函数的内部指针。之后每次调用遍历器对象的next方法就会返回有value和done两个属性的对象。

yield表达式
Generator函数返回的遍历器对象只有调用next方法才会遍历下一个内部状态,yield就是函数内部的暂停标志。
next方法遇到yield表达式就暂停执行后面的操作,并将在yield后面的值作为返回对象的value属性值。
yield表达式只有当调用next方法,并且内部指针指向该语句时才会执行。

next方法的参数
next方法可以带一个参数,该参数会被当做上一个yield表达式的返回值。

for…of循环
for…of循环可以自动遍历Generator函数时生成的Iterator对象,且不需要调用next方法。

function *foo(){
    yield 1;
    yield 2;
    yield 3;
    yield 4;
    yield 5;
    return 6;
}
for(let v of foo()){
    console.log(v);
}
//1 2 3 4 5

一旦next方法返回的对象的done为true,则循环终止。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值