ES6-generator用法及原理

1.Generator原理

  1. Generator 函数,是可以暂停执行的,函数名之前要加’*’。其实整个 Generator 函数就是一个封装的异步任务,或者说是异步任务的容器
  2. yield 异步操作需要暂停的地方
  3. next 方法的作用是分阶段执行 Generator 函数。每次调用 next 方法,会返回一个对象,这个对象就是具有两个属性

    value:yield 语句后面表达式的值,表示当前阶段的值
    done:是一个布尔值,表示 Generator 函数是否执行完毕。说明了Generator 函数可以暂停执行和恢复执行的

原理:generator函数创建了一个generator对象,还没有执行它,靠迭代器,不断的调用对象的next()方法,使得指针移向下一个状态

2.Generator基本用法

function* fn (){
    let a=1,b='2',c='three'
    yield a
    yield b
    return c
}
let res = fn()
console.log(res.next()) // {value: 1, done: false}
console.log(res.next()) // {value: "2", done: false}
console.log(res.next()) // {value: "three", done: true} 
console.log(res.next()) // {value: undefined, done: true}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值