java1234开源博客系统
博客信息

es6 Generator函数

发布时间:『 2019-07-25 17:26』  博客类别:Vue.js  阅读(2736) 评论(0)

es6 Generator函数


Generator函数是es6提供的解决异步编程的方案之一;

Generator函数是一个状态机,内部封装了不同状态的数据;


// generator定义 function后面跟个*号

function* myGenerator(){

console.log('业务逻辑A')

yield 'hello'

console.log('业务逻辑B')

yield 'world'

}


myGenerator()


我们直接调用的话,不会有任何输出;因为里面是个状态机;必须调用next();

mg.next();

mg.next();

输出:

QQ鎴浘20190725164314.jpg

没执行一次next() 指针想下偏移一次,根据yield来作用;


console.log(mg.next())

console.log(mg.next())

console.log(mg.next())


我们输出下next()返回结果;

QQ鎴浘20190725164507.jpg

我们看到value是对应的yield值,然后done的话,只有后面还有yield,就是false;遍历完了,就是true;


yield返回值,默认是undefined


QQ鎴浘20190725171314.jpg

QQ鎴浘20190725171325.jpg


假如需要值的话,我们next()方法里传值即可;

QQ鎴浘20190725171837.jpg

QQ鎴浘20190725171844.jpg




关键字:   Generator  
关注Java1234微信公众号
博主信息
Java1234_小锋
(知识改变命运,技术改变世界)
Powered by Java1234 V3.0 Copyright © 2012-2016 Java知识分享网 版权所有