Javascript-使用生成器代替Promise

Question

假設我具有以下功能：

var f1 = function() {
    console.log('running f1');
    return new Promise(function(res, rej) {
        setTimeout(() => res('resolved_1!'), 1000);
    });
};

var f2 = function(a) {
    console.log('running f2 with ' + a);
    return new Promise(function(res, rej) {
        setTimeout(() => res('resolved_2!'), 2000);
    });
};

var f3 = function() {
    console.log('running f3');
    return new Promise(function(res, rej) {
        setTimeout(() => res('resolved_3!'), 3000);
    });
};

我可以使用以下命令運行它們：

let t1 = +new Date;
Promise.all([
    f1().then(a => {
        return f2(a);
    }),
    f3()
]).then((result) => {
    let t2 = +new Date;
    console.log(t2 - t1);
});

大約需要3秒鍾。

現在，我想使用生成器運行以下功能：

let t1 = +new Date;
let result = yield [f1(), f3()];
yield f2(result[0]);
let t2 = +new Date;
console.log(t2 - t1)

由於我需要解析的f1值才能調用f2，因此我將等待f1完成。 這需要5秒鍾。 如何使用發電機使用相同的3秒時間？

Answer 1

這需要5秒鍾。

請參閱減速，因為異步生成器中沒有並行等待諾言 。

如何使用發電機使用相同的3秒時間？

您只需要表達相同的控制流程：

let t1 = +new Date;
let result = yield [f1().then(f2), f3()];
let t2 = +new Date;
console.log(t2 - t1)

如果你想避免then出於某種原因，並使用發電機，相反，它必須是

let t1 = +new Date;
let result = yield [co(function*() {
    var a = yield f1();
    return yield f2(a); // yield is optional here
}), f3()];
let t2 = +new Date;
console.log(t2 - t1)