Promise.all和Promise.race方法区别

最新推荐文章于 2024-03-22 08:31:38 发布
最新推荐文章于 2024-03-22 08:31:38 发布
阅读量1.2k 收藏 1
点赞数 1
分类专栏： Vue js node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shidouyu/article/details/118891169
版权
Vue 同时被 3 个专栏收录
36 篇文章 7 订阅
订阅专栏
js
20 篇文章 0 订阅
订阅专栏
node
10 篇文章 0 订阅
订阅专栏

Promise.all:

1，有一个失败的请求，其他都失败；若需弥补这个缺陷，在每个Promise中增加Catch错误捕捉，且return出来；

2，返回结果的顺序按照参数的顺序进行；

Promise.race:

1，根据第一个请求来返回结果，若第一个成功，全局都成功，第一个失败，全局都失败；

2，返回结果的顺序，按请求时间顺序来，时间快的先返回；

shidouyu
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Promise方法 理解 封装
前端小99的博客
09-16 2836
总结： Promise实例的状态： 只可能 pending => resolved/fulfilled 或 pending => rejected 一旦确定状态，则不可能逆向，也不可能改变。
JavaScript Promise.race()学习笔记（四）
小帅的编程笔记
10-05 340
今天我们来学习Promise.race()方法，race翻译过来是赛跑的意思，与Promise.all()的不同，all是等待所有promise完成后，而race是等最快的promise完成后就会返回。 介绍 Promise.race()方法接收一个数组形式的promise，并且返回一个promise对象，一旦数组中有一个promise被resolve或者reject就会立刻返回。 语法和Promise.all()差不多 Promise.race([promise1, promise2, promise3]
Promise.all（）和Promise.race（）的区别
weixin_51288669的博客
04-26 204
Promise.all（）和Promise.race（）的区别
Promise的深刻理解——promise.all和promise.race
一个女胖子的博客
07-04 1595
一、promise.all Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。 let p1=new Promise((resolve,reject)=>{ resolve('p1成功了') }) let p2=new Promise((resolve,reject)=>{ resolve('p2成功了') }) let p3=Pr
Promise.all和Promise.race的区别
weixin_52378257的博客
10-24 2009
Promise.all和Promise.race的区别 Promise.all可以将多个Promise实例包装成一个新的Promise实例. 它接受一个数组作为参数。 数组可以都是Promise对象，也可以是其它值，只有Promise会等待状态改变。 当所有的Promise都成功，该Promise为完成，返回值是全部Promise返回值的结果数组。 如果有一个失败，则该Promise失败，返回最先失败状态的值。 //存放所有的Promise对象 const ar
理解和使用Promise.all和Promise.race
01-08
理解和使用Promise.all和Promise.race 一、Pomise.all的演示 Promise.all可以将多个Promise实例包装成一个新的Promise实例。成功和失败的返回值是不一样的，成功的时候返回的是一个结果数组，失败的时候返回的是...
从微信小程序看promsie.all和promise顺序执行
03-29
一、前言 最近在做小程序的开发，碰到的一个需求就是表单提交，提交的表单中...先来介绍Promise.all和Promise.race方法的不同点 Promise.all(iterable) 方法指当所有在可迭代参数中的 promises 已完成，或者第一个传递
微信小程序promsie.all和promise顺序执行
11-27
微信小程序promsie.all和promise顺序执行 一、前言 最近在做小程序的开发，碰到的一个需求就是表单提交，提交的表单中包含有图片，...先来介绍Promise.all和Promise.race方法的不同点Promise.all(iterable) 方法指当所
js代码-面试题2:使用promise.all 进行5个请求，若其中一个失败了，怎么让其他4个成功返回
07-14
在JavaScript中，Promise.all()方法用于处理多个Promise对象，它会返回一个新的Promise实例，这个实例在所有提供的Promise实例都解析（resolve）时解析，如果其中任何一个Promise实例被拒绝（reject），那么新的...
js代码-promise.all
07-16
这个方法接收一个Promise对象的数组作为参数，并返回一个新的Promise实例，这个实例在所有输入Promise都解决（resolve）后才会解决，或者在任何一个输入Promise被拒绝（reject）时立即拒绝。 首先，让我们深入理解...
你知道的 Promise
qq_45272642的博客
12-29 374
1.Promise的resolve参数 1.1 普通的值或者对象 当resolve方法的参数是普通值或对象时，Promise状态是直接改变的。 new Promise((resolve, reject) => { // pending -> fulfilled // resolve(基本数据类型或普通对象) resolve('promise'); // resolve({name: 'fct'}); }).then(res => { console.log("r
Promise.race()方法
热门推荐
imkaifan的博客
08-31 1万+
Promise.race()方法 Promise.race方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例。 const p = Promise.race([p1, p2, p3]); 上面代码中，只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给p的回调函数。 Promise.race方法的参数与Promise.all方法一样，如果不是 Promise 实例，就会先调用下面讲到的Promise.resol
理解promise、promise.all、promise.race
发育中的前端
07-02 4164
一、promise Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。 Promise 对象有以下两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态： pending: 初始状态，不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是 Promise这个名字的由来，它的英语意思就是「承诺」，表示其他手段无法改变。 2
（基础）Promise类方法race()使用
次顶级的博客
12-20 2000
Promise.race()接受多个Promise对象数组形式传递参数 拿到第一个敲定状态就返回，无论状态成功失败 只要有一个Promise状态改变,那么就结束 以先拿到结果Promise值作为整个值返回 如果最先返回的值状态是fulfilled，那就进入then中结束 如果最先返回的值状态是rejected，那就进入catch中结束
【手撕代码系列】JS手写实现Promise.race
CreatorRay的博客
05-01 1100
是一个非常实用的Promise方法，它可以让我们同时运行多个异步操作，并返回最先完成的操作的结果或错误原因。本文通过手写实现的方式，介绍了一个简单的race()函数的实现过程，并通过一个示例来演示它的使用。
promise.race()方法实例
qq_51500147的博客
10-17 123
promise.race()理解
手写 Promise.all 和 Promise.race
shenjing_Shining的博客
10-21 819
一、手写 Promise.all： 思路： 1. 首先 Promise.all返回的肯定是一个 promise对象，所以可以直接写 return new Promise((resolve, reject) => {})； 2. 遍历传入的参数，用Promise.resolve()将参数的每一项进行一个包裹，使其变成一个promise对象，因为传入的参数不一定是Promise类型，可能不存在 then 方法； 3. 关键点是何时resolve，可以声明一个变量，进行计数，当在每个promise.
javascript基础学习系列五百零四：Promise.race()
m0_68635815的博客
03-22 308
Promise.race()静态方法返回一个包装期约，是一组集合中最先解决或拒绝的期约的镜像。如果有一个期约拒绝，只要它是第一个落定的，就会成为拒绝合成期约的理由。// 可迭代对象中的元素会通过Promise.resolve()转换为期约。// 空的可迭代对象等价于new Promise(() => {})// 虽然只有第一个期约的拒绝理由会进入。// 拒绝处理程序，第二个期约的拒绝也。// 解决先发生，超时后的拒绝被忽略。// 拒绝先发生，超时后的解决被忽略。// 没有未处理的错误。
Promise.all和Promise.race区别
最新发布
05-29
Promise.all和Promise.race都是Promise的静态方法，但它们有着不同的应用场景。 Promise.all方法接受一个包含多个Promise实例的数组作为参数，返回一个新的Promise实例。这个新的Promise实例在数组中所有的Promise实例都成功时才会被resolved，其中一个Promise实例失败则会被rejected。此外，Promise.all返回的Promise实例的resolved值是由所有Promise实例resolved值组成的数组。 而Promise.race方法同样接受一个包含多个Promise实例的数组作为参数，但返回的新的Promise实例在数组中有任意一个Promise实例率先被resolved或rejected时就会返回对应的结果，忽略其它Promise实例的状态。 简而言之，Promise.all方法适用于等待多个异步操作全部完成后再进行下一步操作的场景，而Promise.race方法则适用于只要有一个异步操作完成即可进行下一步操作的场景。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值