【问题标题】:How to get last resolved promise from a list of resolved promises in Javascript?如何从 Javascript 中已解决的承诺列表中获取最后已解决的承诺?
【发布时间】:2021-05-01 04:24:11
【问题描述】:

假设,我们有一个承诺列表[p1,p2]。 我想创建一个以[p1,p2] 作为参数并返回最后一个已解决的承诺的函数,即在这种情况下,返回的承诺将是p2

动机是我想在 Promise 对象上实现 last() 方法。

 const p1 = new Promise((resolve,reject)=>{
                setTimeout(()=>{resolve("P1 resolved in 3 seconds")},3000)
            });
 const p2 = new Promise((resolve,reject)=>{
                setTimeout(()=>{resolve("P2 resolved in 5 seconds")},5000)
            });

Promise.race([p2,p1]).then(value=>{ console.log(value) // Both promises resolved but P2 is slower
    }) // Expected output : P1 resolved in 3 seconds

 Promise.last([p2,p1]).then(value=>{ console.log(value) // Both promises resolved but P2 is slower
    }) // Expected output : P2 resolved in 5 second.

【问题讨论】:

  • 我的动机是在 Promise 对象上创建一个 last() 方法,该方法将返回最后解决的 Promise。例如 Promise.last([p2,p1]).then(value=>{ console.log(value) // 两个 Promise 都已解决,但 P2 较慢}) // 预期输出:“P2 在 5 秒内解决”跨度>

标签: javascript asynchronous async-await promise es6-promise


【解决方案1】:

非常简单:只需使用标准Promise.all 等待所有承诺,然后按照它们履行的顺序(当它们履行时)将它们放入一个数组中,以便您可以访问最后一个值:

async function lastResult(promises) {
    if (!promises.length) throw new RangeError("No last result from no promises");
    const results = [];
    await Promise.all(promises.map(p =>
        p.then(v => {
            results.push(v);
        })
    ));
    return results[results.length-1];
}

您可以调整它以按照您想要的方式处理拒绝,返回任何其他(例如第一个)结果等。如果您真的只需要最后一个结果,您不需要将它们存储在数组中,但可以只需保留一个变量,每次 Promise 解决时覆盖它。

【讨论】:

  • Promise.race([p2,p1]).then(value=>{ console.log(value) // 两个 Promise 都已解决,但 P2 较慢 }) // 预期输出:P1 已解决3 秒 同样我想要 Promise.last([p2,p1]).then(value=>{ console.log(value) // 两个 Promise 都已解决,但 P2 较慢 }) // 预期输出:P2 在 5 秒内解决。但是你的代码结果不符合我的预期
  • @alokkumar 请edit your question 包含更多代码,您可以在其中使用格式。您是否也将Promise.allPromise.race 混淆了?
  • 请查看更新后的问题。我想你现在可以理解我期望做什么了。
  • @alokkumar 是的,我回答中的代码解决了这个问题,不是吗? lastResult([p2,p1]).then(value=>{ console.log(value) }) 确实按预期打印“P2 在 5 秒内解决”。
  • 是的,这是有效的。但我不明白你为什么使用 Promise.all()。你能解释一下流程吗?我明白了,为什么要附加结果数组。但不明白为什么我们在 Promise.all() 方法中传递 promises.map()。
猜你喜欢
  • 2018-04-02
  • 1970-01-01
  • 2021-05-25
  • 1970-01-01
  • 1970-01-01
  • 2013-05-15
  • 2022-01-22
  • 2016-09-02
  • 2020-11-02
相关资源
最近更新 更多