ES11(2020)Promise 扩展 allSettled()

Posted 2022-12-02 优小U

我们都知道 Promise.all() 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常(reject)，所有任务都会挂掉，Promise直接进入reject 状态。

但是，假如几个异步任务都是互不关联的，彼此结果不影响， Promise.all() 就不能使用了，因为如果一个任务失败了，其他的任务也会失败。

Promise.allSettled()方法返回一个在所有给定的promise都已经fulfilled或rejected后的promise，并带有一个对象数组，每个对象表示对应的promise结果。当有多个彼此不依赖的异步任务成功完成时，或者总是想知道每个promise的结果时，通常使用它。

Promise.all([
    Promise.reject(
        code: 500,
        msg: '服务异常'
    ),
    Promise.resolve(
        code: 200,
        data: ['1', '2', '3']
    ),
    Promise.resolve(
        code: 200,
        data: ['4', '5', '6']
    )
]).then(res => 
    console.log(res)
    console.log('成功')
).catch(err => 
    console.log(err)
    console.log('失败')
)

// 输出
 "code":500,"msg":"服务异常"
 '失败'

Promise.allSettled 可以解决这种问题，在并发任务中，无论一个任务正常或者异常，都会返回对应的的状态：

Promise.allSettled([
    Promise.reject(
        code: 500,
        msg: '服务异常'
    ),
    Promise.resolve(
        code: 200,
        data: ['1', '2', '3']
    ),
    Promise.resolve(
        code: 200,
        data: ['4', '5', '6']
    )
]).then(res => 
    console.log(res)
    // console.log('成功')
    const data = res.filter(item => item.status === 'fulfilled')
    console.log(data)
).catch(err => 
    console.log(err)
    console.log('失败')
)

// 输出
[
	"status":"rejected","reason":"code":500,"msg":"服务异常",
	"status":"fulfilled","value":"code":200,"data":["1","2","3"],
	"status":"fulfilled","value":"code":200,"data":["4","5","6"]
]