这篇文章主要介绍ES6中生成器函数的声明与调用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
生成器函数是ES6提供的一种异步编程解决方案,与传统函数完全不同,就是一个特殊的函数
// 声明
function * gen(){// * 可以靠左,也可以靠右,还可以放在中间
// console.log('hello');
yield '2020lpl牛批';// yield 语句可以算作函数代码的分隔符
let two = yield ‘uzi 退役了’;
console.log(two);
yield '湖人总冠军';
}
// 执行
let iterator = gen();
// console.log(iterator);// 返回结果是一个迭代器对象
console.log(iterator.next());// 需要执行迭代器对象中的next()方法,才会执行生成器函数
console.log(iterator.next());// 每个next()只会执行里面一个yield语句,这个会输出 ‘uzi 退役了’
// 传递参数 参数将作为上一个yield语句的返回结果
console.log(iterator.next('AAA'));// 第三次调用传递的参数将作为第二个yield 的返回结果 打印为AAA
// 使用for of循环遍历输出
for(let v of gen()){
console.log(v);// 依次输出yield语句中的值
}
案例:1s输出 111 2s输出 222 3s输出 333
function one(){
setTimeout(()=>{
console.log('111')
iterator.next();
}, 1000)
}
function two(){
setTimeout(()=>{
console.log('111')
iterator.next();
}, 1000)
}
function three(){
setTimeout(()=>{
console.log('111')
}, 1000)
}
// 生成器函数
function * gen(){
yield one();
yield two();
yield three();
}
// 调用生成器函数
let iterator = gen();
iterator.next();
以上是“ES6中生成器函数的声明与调用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。