Promise.all Promise.race Promise

闲来无事,研究一下
总结一篇,分享大家
如有错误,欢迎指正
发现问题,麻烦轻喷

promise 是为了解决异步请求, 返回结果无限callback的问题.
使用promise 可以让代码看起来更简洁,清晰

 // Promise.all([p1,p2,p3])  将三个promise请求 打包,返回一个整体的数组
    // 示例: 
    let p11 = Promise.resolve('aaaa');
    // let p22 = Promise.resolve('bbbb');
    let p22 = Promise.reject('bbbb');
    let p33 = Promise.resolve('cccc')

    let all = Promise.all([p11, p22, p33]).then(res => {
        console.log(res, 'all=======') // ["aaaa", "bbbb","cccc"]
      // promise.all() 必须保证p11, p22, p33 都是resolve 状态的情况下,才能执行成功
     //  使用数组的解构赋值
        let [res1, res2, res3] = res
        console.log(res1, res2, res3) // aaaa, bbbb, cccc
    }).catch(err => {
        console.log(err, 'all---------err-----')
    })
    //如果promise.all 碰到了一个reject, 就会拒绝执行, 抛出错误. 


    // promise.all 必须确保所有的状态都是resolve 状态,都是成功状态, 如果有一个reject, promise.all(),就会执行catch

    // promise.race race 是赛跑,谁返回的快, 就返回谁, 只会返回一个.不管对错, 对的执行then, 错误执行catch

    // promise.allSettled 遇到reject,也会执行then完毕,返回json 数组,返回状态和value

    // 示例: allSettled
    let allSettled = Promise.allSettled([p11, p22, p33]).then(res => {
        console.log(res, 'allSettled=======')
    }).catch(err => {
        console.log(err, 'allSettled-------err------')
    })

allSettled 遇到reject 返回结果

let p44 = new Promise(function (resolve) {
        setTimeout(() => {
            resolve('p44-resolve')
        }, 500)
    })
    let p55 = new Promise(resolve => {
        setTimeout(() => {
            resolve('p55-resolve')
        }, 400)
    })
    let p66 = new Promise((resolve, reject) => {
        setTimeout(() => {
            reject('p66-reject')
        }, 100)
    })
    let race = Promise.race([p44, p55, p66]).then(res => {
        console.log(res, 'race=======')
    }).catch(err => {
        console.log(err, 'race-------err------')
    })

p66-reject race======= // 结果
这个就证明了 race 是通过返回时间来拦截结果的, 执行快的先返回,并且只返回一次,正确的走then, 错误的走catch

总结

• all. 要求三个promisee 都是resolve 状态.并且会返回一个数组. 如果其中一个promise 是reject 状态, 就会执行catch.
• race, 会执行反应最迅速的一个promise. 不管结果是then 还是catch
• allSettled. 会返回所有promise的状态.

以上