0

假设我有以下功能：

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 秒但使用生成器？

4

1 回答 1

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)
于 2016-03-08T16:44:45.817 回答