promise allsettled polyfill

最新推荐文章于 2023-08-25 09:45:00 发布

胖西瓜琳

最新推荐文章于 2023-08-25 09:45:00 发布

阅读量198

点赞数

分类专栏： demo 文章标签：前端 javascript

本文链接：https://blog.csdn.net/zal2012/article/details/126110919

版权

demo 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了如何使用Promise.prototype.allsettled方法来处理Promise数组，确保即使有任务失败，其他成功任务的状态和结果仍可获取。通过详细介绍步骤和代码实现，展示了如何在所有任务完成后返回包含状态和结果的详细信息。

摘要由CSDN通过智能技术生成

allsettled解决的问题：

all只有所有promise任务成功才resolve，存在一个失败即reject；

allsettled 在此基础上优化，返回所有任务的状态和结果，使得成功的promise不受影响，即使有reject的任务，成功的任务仍然可使用。

step1 定义方法

入参 promise任务数组，返回Promise

Promise.propotype.allsettled = function(promises = []) {
    return new Promise((resolve, reject) => {
    
    });
}

step2 完善细节

Promise.propotype.allsettled = function(promises = []) {
    const result = [];
    return new Promise((resolve, reject) => {
        promises.forEach(p => {
            p.then((value) => {
                result.push({
                    status: 'fulfilled',
                    value,
                });
            })
            .catch(reason => {
                result.push({
                    status: 'rejected',
                    reason,
                });
            })
        })

      resolve(result);
    });
}