ES6中生成器函數(shù)的聲明與調(diào)用

這篇文章主要介紹ES6中生成器函數(shù)的聲明與調(diào)用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

生成器函數(shù)的聲明與調(diào)用

生成器函數(shù)是ES6提供的一種異步編程解決方案，與傳統(tǒng)函數(shù)完全不同，就是一個(gè)特殊的函數(shù)

// 聲明    
function * gen(){// * 可以靠左，也可以靠右，還可以放在中間
  // console.log('hello');
  yield '2020lpl牛批';// yield 語句可以算作函數(shù)代碼的分隔符
  let two = yield ‘uzi 退役了’;
  console.log(two);
  yield '湖人總冠軍';
}
// 執(zhí)行
let iterator = gen();
// console.log(iterator);// 返回結(jié)果是一個(gè)迭代器對(duì)象
console.log(iterator.next());// 需要執(zhí)行迭代器對(duì)象中的next()方法，才會(huì)執(zhí)行生成器函數(shù)
console.log(iterator.next());// 每個(gè)next()只會(huì)執(zhí)行里面一個(gè)yield語句，這個(gè)會(huì)輸出 ‘uzi 退役了’
// 傳遞參數(shù) 參數(shù)將作為上一個(gè)yield語句的返回結(jié)果
console.log(iterator.next('AAA'));// 第三次調(diào)用傳遞的參數(shù)將作為第二個(gè)yield 的返回結(jié)果 打印為AAA
// 使用for of循環(huán)遍歷輸出
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)


    }
    // 生成器函數(shù)
    function * gen(){
      yield one();
      yield two();
      yield three();
    }
    // 調(diào)用生成器函數(shù)
    let iterator = gen();
    iterator.next();

以上是“ES6中生成器函數(shù)的聲明與調(diào)用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！