javascript - es6中Generator函數yield怎麼使用?
PHP中文网
PHP中文网 2017-06-26 10:50:39
0
1
704

先看下程式碼:

function wrapper(generatorFunction) {
    return function (...args) {
        let generatorObject = generatorFunction(...args);
        generatorObject.next();
        return generatorObject;
    };
}

const wrapped = wrapper(function* () {
    console.log(`First input: ${yield}`);
    return 'DONE';
});

wrapped().next('hello!')
// First input: hello!

這個輸出結果怎麼理解呢?想了半天不理解他的運行結果。
還有下面程式碼:

function* dataConsumer() {
  console.log('Started');
  console.log(`1. ${yield}`);
  console.log(`2. ${yield}`);
  return 'result';
}

let genObj = dataConsumer();
genObj.next();
// Started
genObj.next('a')
// 1. a
genObj.next('b')
// 2. b

還是看不懂,請大神幫忙分析上述兩段程式碼,幫我學習Generator函數。謝謝了。

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(1)
刘奇

yield 關鍵字有兩個作用:

  1. 暫停產生器函數執行並傳回後方表達式的值

  2. 恢復生成器函數執行並得到 next 方法傳入的選用參數

你給到的兩個例子都是用 yield 接收了 next 方法傳入的參數。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板