Promise.race的用法

最近做项目让增加一个功能，当接口请求超过5分钟后，做个处理页面增加错误提示，于是想到了Promise.race的方法，下面来记录一下~

let P1 = new Promise( resolve => {
    setTimeout(()=> {
                resolve('p1访问！')
            },4000)
});
let P2 = new Promise( (resolve,reject) => {
    setTimeout(()=> {
        reject({message:'您所选择的数据量过大，请缩小时间范围或联系XXX进行处理。'})
            },1000)
});
Promise.race([P1 , P2])
.then(value => {
    console.log(value)
}).catch((error) => {
            console.log(error.message,'error')
        });
//输出：您所选择的数据量过大，请缩小时间范围或联系XXX进行处理。
//当发起请求时任务p1、p2同时开始，当有一个有返回值时，执行then()操作或者catch()错误异常,其他的中断。切记不可直接直接在p1\p2任务里直接操作，不然任务都会执行完毕，就会出现以下的情况：
let P1 = new Promise( resolve => {
    setTimeout(()=> {
                console.log('p1访问！')   
            },4000)
});
let P2 = new Promise( (resolve,reject) => {
    setTimeout(()=> {
        console.log('p2访问！')        
})
            },1000)
});
Promise.race([P1 , P2])
.then(value => {
    console.log(value)
}).catch((error) => {
            console.log(error.message,'error')
        });
//输出：p2访问！ p1访问！

我这里适用第一种，看情况自己选择合适的使用即可~