ES6中生成器函数的声明与调用

这篇文章主要介绍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中生成器函数的声明与调用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！