标签:200 code console log Promise ES11 data allSettled
小编最近因为一些自己的问题,没有更新文章。今天刚好有一点精神头,特意来更新一下,今天和大家一起探讨的是Promise对象中的allSettled方法,主要是为了解决多次异步请求的时候,中途出现失败的痛点处理。
在之前的文章中,小编更新的Promise.all方法,这个主要是为了优化多次请求的情况,可以写成这样。
Promise.all([ Promise.resolve({ code:200, data:[1,2,3] }), Promise.resolve({ code:200, data:[4,5,6] }), Promise.resolve({ code:200, data:[7,8,9] }), ]).then(res => { console.log(res) console.log("成功") }).catch(err => { console.log(err) console.log("失败") }) // [{code:200,data:[1,2,3]},{code:200,data:[4,5,6]},{code:200,data:[7,8,9]}] 成功
用这个方法的时候,每个参数都是Promise对象,如果每一次请求都成功的时候,痛点并没有显现那么明显,当中间有一次请求失败或者异常的时候,就会这样
Promise.all([ Promise.resolve({ code:200, data:[1,2,3] }), Promise.reject({ code:500, data:[] }), Promise.resolve({ code:200, data:[7,8,9] }), ]).then(res => { console.log(res) console.log("成功") }).catch(err => { console.log(err) console.log("失败") }) // {code: 500, data: Array(0)} 失败
这样就完全掩盖了请求成功的回调,所以在es11中引入了Promise.allSettled方法,使用方法如下
Promise.allSettled([ Promise.resolve({ code:200, data:[1,2,3] }), Promise.reject({ code:500, data:[] }), Promise.resolve({ code:200, data:[7,8,9] }), ]).then(res => { console.log(res) console.log("成功") }).catch(err => { console.log(err) console.log("失败") }) // [{status:"fulfilled",value:{code:200,data:[1,2,3]}},{status:"rejected",value:{code:500,data:[]}},{status:"fulfilled",value:{code:200,data:[7,8,9]}}]
最后可以通过数据的status和value,应用filter或者map高阶函数进一步筛选数据。又是增加技能的一天,大家一起加油!
标签:200,code,console,log,Promise,ES11,data,allSettled 来源: https://www.cnblogs.com/feiying3995/p/15140656.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。