Promise.all/race 的作用及使用场景

Promise.all
用于将多个Promise实例,包装成一个新的Promise实例。它接受一个数组作为参数。数组可以是Promise对象,也可以是其它值,只有Promise会等待状态改变。
当所有的子Promise都按顺序执行完,该Promise完成,返回值是全部值的数组;
如果有任何一个失败,该Promise失败,返回值是第一个失败的子Promise的结果。
比如开发中有个组件需要多个请求完成之后再进行渲染,这时候用promise.all就非常nice了
Pomise.race
类似于Promise.all() ,区别在于 它有任意一个返回成功后就算完成,但进程不会立即停止。也就是说哪个结果获得的快,就返回那个结果,不管结果本身是成功状态还是失败状态。
常见使用场景:把异步操作和定时器放到一起,如果定时器先触发,认为超时,告知用户
**注意:**不管是promise对象还是promise.all,只要是遇到失败,promise的状态都会变为rejected,不会执行后面.then(),而是直接走.catch()方法。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PromiseJavaScript中处理异步操作的一种机制。它是一种代表了异步操作最终完成或失败的对象。Promise有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。当一个Promise对象的状态从pending变为fulfilled或rejected时,会触发相应的回调函数。 Promise.all和Promise.racePromise的两个静态方法,用于处理多个Promise对象。 1. Promise.all:接收一个Promise对象的可迭代参数,返回一个新的Promise对象。当所有的Promise对象都变为fulfilled状态时,新的Promise对象才会变为fulfilled状态,并返回一个包含所有Promise结果的数组。如果其中一个Promise对象变为rejected状态,新的Promise对象会立即变为rejected状态,并返回第一个被rejected的Promise对象的结果。 2. Promise.race:接收一个Promise对象的可迭代参数,返回一个新的Promise对象。当其中一个Promise对象变为fulfilled或rejected状态时,新的Promise对象会立即变为相同的状态,并返回第一个完成的Promise对象的结果。 使用场景: - Promise.all适用于需要等待多个异步操作全部完成后再进行下一步操作的情况,例如同时发送多个请求并等待所有请求完成后再进行数据处理。 - Promise.race适用于需要获取最快完成的异步操作结果的情况,例如多个请求同时发送,只需要获取最先返回的结果。 范例: ```javascript const promise1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 1 resolved'); }, 2000); }); const promise2 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 2 resolved'); }, 1000); }); const promise3 = new Promise((resolve, reject) => { setTimeout(() => { reject('Promise 3 rejected'); }, 1500); }); Promise.all([promise1, promise2]) .then(results => { console.log(results); // 输出:['Promise 1 resolved', 'Promise 2 resolved'] }) .catch(error => { console.log(error); }); Promise.race([promise1, promise2, promise3]) .then(result => { console.log(result); // 输出:'Promise 2 resolved' }) .catch(error => { console.log(error); // 输出:'Promise 3 rejected' }); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值