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接收的参数不同，不过都是一个数组形式的返回，具体是什么复制一下我上面的代码，然后打印一下就知道了，这里就不做过多赘述，程序员最忌讳眼高手低，相信我，多去练习！