这篇文章主要介绍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中生成器函数的声明与调用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。