Promise.race的使用

最新推荐文章于 2025-06-17 07:23:59 发布

原创最新推荐文章于 2025-06-17 07:23:59 发布 · 410 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文深入解析了Promise.race方法的工作原理，通过实例演示了如何在多个Promise中选取最快完成的那个，无论其结果是成功还是失败。尽管在实际应用中可能较少见到其身影，但理解Promise.race对于掌握异步编程技巧仍具有重要意义。

顾名思义，Promse.race就是赛跑的意思，意思就是说，Promise.race([p1, p2, p3])里面哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。

let p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('success')
  },1000)
})

let p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('failed')
  }, 500)
})

Promise.race([p1, p2]).then((result) => {
  console.log(result)
}).catch((error) => {
  console.log(error)  // 打开的是 'failed'
})

原理是挺简单的，但是在实际运用中还没有想到什么的使用场景会使用到。