详解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

相关文章
|
1月前
|
存储 前端开发 JavaScript
【面试题】面试官问:如果有100个请求,你如何使用Promise控制并发?
【面试题】面试官问:如果有100个请求,你如何使用Promise控制并发?
|
1月前
|
存储 前端开发 JavaScript
面试官问:如果有100个请求,你如何使用Promise控制并发?
面试官问:如果有100个请求,你如何使用Promise控制并发?
|
1月前
|
前端开发 JavaScript API
|
1月前
|
前端开发 JavaScript
处理异步请求的 async/await 和 promise
处理异步请求的 async/await 和 promise
|
1月前
|
前端开发 JavaScript
使用promise解决异步请求的用法
使用promise解决异步请求的用法
48 0
|
1月前
|
前端开发 小程序
微信小程序异步请求数据promise方法
微信小程序异步请求数据promise方法
|
7月前
|
前端开发 JavaScript API
Promise封装Ajax请求
Promise封装Ajax请求
33 0
|
7月前
|
JavaScript 前端开发 API
vue项目中配置简单的代理与promise,并简单封装请求接口
vue项目中配置简单的代理与promise,并简单封装请求接口
34 0
|
前端开发 小程序 API
微信小程序开发实战(网路请求Promise化)
微信小程序开发实战(网路请求Promise化)
微信小程序开发实战(网路请求Promise化)
|
前端开发 JavaScript
前端-vue基础77-基于promise处理ajax请求
前端-vue基础77-基于promise处理ajax请求
94 0
前端-vue基础77-基于promise处理ajax请求