Promise.allSettled()（ES11）

最新推荐文章于 2024-08-23 16:13:21 发布
最新推荐文章于 2024-08-23 16:13:21 发布
阅读量591 收藏
点赞数
分类专栏： ECMAScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44011306/article/details/106988210
版权
本文介绍了Promise.allSettled()在ES11中的应用，它解决了Promise.all()遇到异常时整个任务组失败的问题。在并发执行多个异步任务时，即使有任务出现异常，Promise.allSettled()也会返回每个任务的具体状态，使得其他成功任务的结果能够被正确处理。
摘要由CSDN通过智能技术生成

Promise.allSettled

Promise.allSettled()

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

场景：现在页面上有三个请求，分别请求不同的数据，如果一个接口服务异常，整个都是失败的，都无法渲染出数据

Promise.all([
    Promise.reject({
   
        code: 500,
        msg: '服务异常'
    }),
    Promise.resolve({
   
        code: 200,
        data: ['1', '2', '3'
最低0.47元/天 解锁文章
康立志
关注
专栏目录
ES11语法特性 私有属性 Promise.allSettled String.prototype.matchAll 可选链操作符 动态import BigInt类型 绝对全局对象globalThis
qq_38232003的博客
12-02 475
ES11 私有属性 私有属性只允许在类的内部调用，不允许在 在类中，使用#变量名定义私有属性 class Person { name; #age; #weight; constructor(name, age, weight) { this.name = name; this.#age = age; this.#weight = weight; }
Promise.allSettled()与Promise.all()方法
qq_45679015的博客
10-13 2865
Promise.allSettled() 接收参数为promise数组，返回promise对象，状态永远为成功 始终能够得到每一个promise成功失败的结果 //声明两个promise对象 const p1 = new Promise((resolve, reject) =>{ setTimeout(()=>{ resolve('商品数据-1'); },1000) }) const p2 = new Promise((resolve, reject
Promise.allSettled()
weixin_51042892的博客
03-07 117
Promise.allSettled()基本使用 返回结果都是成功状态 let p1=new Promise((resolve,reject)=>{ // resolve('p1成功') reject('p1失败') }) let p2=new Promise((resolve,reject)=>{ resolve('p2成功') }) .
如何通过代码实现 Promise.all
最新发布
suzhengzn的博客
08-23 438
Promise.all 是一个非常有用的工具，当你需要并行处理多个异步操作，并且希望在它们全部完成之后继续执行下一步操作时，它能够帮助你简化代码逻辑和错误处理。
Promise.allSettled
马优晨
06-30 536
Promise.allSettled是ES10的特性。 为什么会产生这个API？ 在某些场景，我们可能会遇到多个异步操作并行执行。如果使用promise.all()的话，有一个promise报错的话，整个流程都会走的失败行列里面。假设现在需要多个promise同时执行，不管其中部分执行失败，统一进入到成功的回调里面。这时候，就需要Promise.allSettled登场了。 <!DOCTYPE html> <html lang="en"> <head> &
Promise.allSettled()基础+在上传中的应用
yjxkq99的博客
03-15 276
promise就不介绍了，来看这篇文章的js基础肯定都是有的。
js代码-手写promise.allSettled
07-14
`Promise.allSettled`是ES2020引入的一个新方法，用于处理一组Promise对象，无论这些Promise是成功（fulfilled）还是失败（rejected），都会返回一个新的Promise实例，该实例在所有Promise都完成“settled”状态时...
js代码-Promise.allSettled 方法实现
07-16
在JavaScript中，Promise.allSettled是一个非常有用的API，它于ES2020（ECMAScript 2020）版本中引入。这个方法允许我们处理一组Promise对象，无论这些Promise是成功（fulfilled）还是失败（rejected），都会返回一...
Promise.allSettled() 使用
酱子
04-13 4621
Promise.allSettled() 不管什么状态 都会收集起来 ： <script> // 不管什么状态 都会收集起来 const p1 = new Promise((resolve, reject) => { reject("第一个错"); }); const p2 = new Promise((resolve, r...
第8集丨Promise.allSettled
秋堂主的博客
07-07 274
有时候，我们希望等到一组异步操作都结束了，不管每一个操作是成功还是失败，再进行下一步操作。但是，现有的 Promise 方法很难实现这个要求。 Promise.all()方法只适合所有异步操作都成功的情况，如果有一个操作失败，就无法满足要求。 上面示例中，Promise.all()可以确定所有请求都成功了，但是只要有一个请求失败，它就会报错，而不管另外的请求是否结束。为了解决这个问题，ES2020 引入了Promise.allSettled()方法，用来确定一组异步操作是否都结束了（不管成功或失败）。所以，
Promise.allSettled（）方法介绍
热门推荐
潮汐未见潮落的博客
06-26 1万+
本篇文章介绍 Promise 对象的Promise.allSettled() 方法，另外的关于 Promise 文章 可以看我的 ES6专栏 Promise.allSettled() 上面示例中，可以确定所有请求都成功了，但是只要有一个请求失败，它就会报错，而不管另外的请求是否结束。为了解决这个问题，ES2020 引入了 方法，用来确定一组异步操作是否都结束了（不管成功或失败）。所以，它的名字叫做”Settled“，包含了 ”fulfilled“和 ”rejected“两种情况。方法接受一个
Promise.allSettled() 的简单使用
alessia_wang的博客
10-18 478
Promise.allSettled() 简单使用
Promise.allSettled()的解释和说明
Jerry的博客
12-15 3398
是 JavaScript 中的一个 Promise 方法，它接收一个由多个 Promise 对象组成的可迭代对象，并在所有 Promise 对象都已解决或拒绝后返回一个 Promise 对象，该对象解析为一个数组，每个元素对应于相应的 Promise 对象的结果。不会在任何 Promise 被拒绝时中止，并且总是等待所有 Promise 对象都已解决或拒绝后才返回结果。等待所有 Promise 对象都已解决或拒绝后返回结果，并返回一个包含每个 Promise 结果的数组。
Promise.allSettled用法
weixin_43984150的博客
08-17 328
Promise.allSettled用法
2024年你还不知道Promise.allSettled()么？
weixin_42429220的博客
01-26 1178
是一个方法,它允许你同时处理多个 promise,并获得每个 promise 的结果,无论它是 resolve 还是 reject。它返回一个带有一组 promise 处理结果数组的被 fulfill 的 promise。
什么是 Promise.allSettled() ！新手老手都要会？
橘导的博客
10-09 1万+
什么是 Promise.allSettled() ！新手老手都要会？ Promise.allSettled()方法返回一个在所有给定的 promise 都已经fulfilled或rejected后的promise，并带有一个对象数组，每个对象表示对应的 promise 结果。 接着，我们来看看Promise.allSettled()是如何工作的。 1. Promise.allSettled() Promise.allSettled()可用于并行执行独立的异步操作，并收集这些操作的结...
ES11新特性（promise.Allsettled,动态import,string.matchAll方法，BigInt类型和globalThis属性）
6747的博客
08-26 317
ES11新特性（promise.Allsettled,动态import,string.matchAll方法，BigInt类型和globalThis属性）
【ES6+】013-ES11新特性：matchAll、类的私有属性、Promise.allSettled、可选链操作符、动态import导入、BigInt、globalThis对象
訾博（ZiBo）的博客
12-21 539
目录 一、功能概述 二、String.prototype.matchAll 1、概述 2、代码实现 3、运行结果 三、类的私有属性 1、概述 2、代码实现 3、运行结果 四、Promise.allSettled 1、概述 2、代码实现 3、运行结果 五、可选链操作符 1、概述 2、代码实现 3、运行结果 六、动态import导入 1、概述 2、代码实现 hello.js： app.js： 动态import加载.html： 3、运行结果 七、BigInt 1
深入了解 JavaScript 中的 Promise 相关方法：all、race 和 allSettled
why404
04-07 573
- `Promise.all()` 会在所有 Promise 实例成功完成时才成功，一旦有一个失败就会立即失败。 - `Promise.race()` 会在任何一个 Promise 实例率先成功或失败时返回结果。 - `Promise.allSettled()` 则会等待所有 Promise 实例结束后返回结果，无论是成功还是失败。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值