JS 利用Promise去控制一次发起固定数量的请求

        const p1 = (data) => {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve(data + 1)
                    console.log('s1')
                }, 1000)
                console.log('p1 finished')
            })
        }
        const p2 = (data) => {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    reject(data + 1)
                    console.log('s2')
                }, 2000)
                console.log('p2 finished')
            })
        }
        const p3 = (data) => {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve(data + 1)
                    console.log('s3')
                }, 3000)
                console.log('p3 finished')
            })
        }
        const p4 = (data) => {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve(data + 1)
                    console.log('s4')
                }, 4000)
                console.log('p4 finished')
            })
        }
        Promise.allSettled([p1(1),p2(2)])
        .then((res)=>{
            console.log(res)
            return Promise.all([p3(3),p4(4)])
        })
        .then((res)=>{
            console.log(res,'结束了')
        })

这里大家需要注意的是为什么不同 Promise.all  这个方法,因为众所周知这个方法也是等待Promise传入的Promise对象数组中的每一个Promise执行完毕,但是这个方法有一个弊端就是如果其中有一个Promise的状态为reject那么就会走到catch分支,那么导致的后果就是无法拿到另外的resolve的值,而且需要多写一层.finally去return下一次的 Promise.all ,这样就导致要写很多没用的分支去保证每一次都能有返回值,并且可能丢失部分返回值;

而 Promise.allSettled 这个方法无论其数组参数中的Promise对象是否全是resolve,都会进入.then分支,只不过对于其.then接收的参数不同,不过都是一个数组形式的返回,具体是什么复制一下我上面的代码,然后打印一下就知道了,这里就不做过多赘述,程序员最忌讳眼高手低,相信我,多去练习!

上一篇:ES6-promise理解


下一篇:promise