详解Promise.race()可以解决多个异步请求那个请求先返回

简介: 详解Promise.race()可以解决多个异步请求那个请求先返回

Promise.race([]);接受一个参数,由promise组成的一个数组;


它的返回结果是promise对象;


它的结果和状态由什么去决定呢?


由第一个改变Promise状态的对象去决定;若是返回的是成功,那么race就是成功;若是失败,那么race就是失败


let p1 = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve('ok1')
    }, 1000)
})
let p2 = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve('ok2')
    }, 1300)
})
let p3 = new Promise((resolve, reject) => {
    resolve('ok3')
})
const result = Promise.race([p1, p2, p3]);
console.log(result)
// 这个3个promise对象,肯定是p3先去改变promise的状态作为返回的结果


1425695-20210417181232708-1408804385.png

相关文章
|
6月前
|
存储 前端开发 JavaScript
【面试题】面试官问:如果有100个请求,你如何使用Promise控制并发?
【面试题】面试官问:如果有100个请求,你如何使用Promise控制并发?
143 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
如何使用request-promise在发送请求时使用代理?
以上方法演示了如何在发送请求时使用 `request-promise`结合代理服务,适用于需要通过代理访问网络资源的场景。
76 0
|
4月前
|
前端开发 JavaScript 定位技术
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
59 1
|
5月前
|
JavaScript 前端开发
vue实现循环发起多个异步请求——Promise.all()与Promise.race()
vue实现循环发起多个异步请求——Promise.all()与Promise.race()
320 1
|
6月前
|
存储 前端开发 JavaScript
面试官问:如果有100个请求,你如何使用Promise控制并发?
面试官问:如果有100个请求,你如何使用Promise控制并发?
343 0
|
6月前
|
前端开发 JavaScript API
|
6月前
|
前端开发 JavaScript
处理异步请求的 async/await 和 promise
处理异步请求的 async/await 和 promise
|
6月前
|
前端开发 JavaScript
使用promise解决异步请求的用法
使用promise解决异步请求的用法
93 0
|
6月前
|
前端开发 小程序
微信小程序异步请求数据promise方法
微信小程序异步请求数据promise方法
|
前端开发 JavaScript API
Promise封装Ajax请求
Promise封装Ajax请求
54 0

热门文章

最新文章

下一篇
无影云桌面