Promise.race()

最新推荐文章于 2024-05-06 08:42:46 发布
最新推荐文章于 2024-05-06 08:42:46 发布
阅读量409 收藏
点赞数
分类专栏： 前端技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovearforever/article/details/80813290
版权
本文介绍了 JavaScript 中 Promise.race() 方法的应用，该方法用于处理多个 Promise 实例，当其中一个 Promise 状态发生变化时，返回的 Promise 实例的状态也随之变化。通过示例代码展示了如何使用 Promise.race() 方法来实现并发请求的控制。
摘要由CSDN通过智能技术生成

1、Promise.race()方法同样是将多个Promise实例，包装成一个新的Promise实例。

var P = Promise.race([new Promise,new Promise,new Promise]).then(function (data) { .... });

那个率先改变的 Promise 实例的返回值，就传递给P的回调函数。

var getJSON = function(time){
 var a = new Promise(function(resolve, reject){
  setTimeout(function(){
   resolve(time + "秒的执行了其它的不管了");
  },time);
 });
 return a;
}
// 生成一个Promise对象的数组
var promises = [5000, 3000, 7000, 4000].map(function (key) {
 return getJSON(key);
});

Promise.race(promises).then(function (params) {
 console.log(params);
})


小谷粒
关注
专栏目录
ES6+ | promise.race特性与实用场景
MGsniper的博客
05-31 3186
文章目录前言特性实用场景 前言 本文将简单介绍promise.race的特性和简单的实用场景。（在网上看到过，使用promise.race请求有最大请求上线的接口，但这块个人没有相关实践，期待各位大佬补充） 本文依然使用setTimeout代表异步操作,涉及的异步操作如下 function httpAction(){ let p =new Promise(function(resolve,...
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类方法race()使用
次顶级的博客
12-20 2035
Promise.race()接受多个Promise对象数组形式传递参数 拿到第一个敲定状态就返回，无论状态成功失败 只要有一个Promise状态改变,那么就结束 以先拿到结果Promise值作为整个值返回 如果最先返回的值状态是fulfilled，那就进入then中结束 如果最先返回的值状态是rejected，那就进入catch中结束
理解和使用Promise.all和Promise.race
01-08
理解和使用Promise.all和Promise.race 一、Pomise.all的演示 Promise.all可以将多个Promise实例包装成一个新的Promise实例。成功和失败的返回值是不一样的，成功的时候返回的是一个结果数组，失败的时候返回的是...
js//Promise面试题之Promise.all和Promise.race的区别
weixin_37877794的博客
09-04 284
文章目录一、Promise.all的使用二、Promise.race的使用 参考： https://blog.csdn.net/xyphf/article/details/77925571 https://blog.csdn.net/xyphf/article/details/88862011 一、Promise.all的使用 Promise.all可以将多个Promise实例包装成一个新的Promise实例。同事，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候返回最先被rejec
Promise.all和Promise.race的区别和使用
周家大小姐
06-07 1万+
目录 promise.all() promise.race() 使用场景: promise.all() 比如当数组里的P1，P2都执行完成时，页面才显示。 值得注意的是，返回的数组结果顺序不会改变，即使P2的返回要比P1的返回快，顺序依然是P1，P2 Promise.all成功返回成功数组, 失败返回失败数据,一但失败就不会继续往下走 let p1 = Promise.resolve('aaa') ...
手动实现一个简易Promise.all和Promise.race
weixin_43199838的博客
08-16 605
手写一个简易Promise.all let allPromise = function (arr) { //存储结果 let results = [] //要可以实现then和catch等，自然就是返回Promise结构 return new Promise((reslove, reject) => { for (let i = 0; i < arr.length; i++) { arr[i].then(data => { results.p
【JS】Promise.race()方法例子流程详解
Voiceu的博客
02-15 1350
在理清Promise.all（）中每个流程的时候实在是头大，理了半天，做此记录以便回顾 promise部分源码如下，只摘取用到的部分 function Promise(excutor) { const self = this self.status = 'pending' //给promise对象添加status属性，初始值为pending self.data = undefined //给promise对象指定data属性，用于储存结果数据
Promise学习：Promise.race()用法
star094606的博客
07-05 3668
如下demo let P1 = new Promise( resolve => { setInterval( () => { resolve("I\'m P1"); },1000) }); let P2 = new Promise( resolve => { setInterval( () => { resol...
Promise.race
JEFF_xieyuzhi的博客
09-06 397
Promise.race(iterable)方法返回一个promise，一旦迭代器中的某个promise解决或拒绝，返回的 promise就会解决或拒绝。 const testPromise = new Promise((res, rej) => { setTimeout(res, 5000, "one"); }); const test2Pr...
Promise.all和 race
最新发布
weixin_63681863的博客
05-06 1225
不同的是，哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。方法有什么实际作用呢？一样，接受的参数是一个每项都是。，那自身的状态变成了。，那自身状态就会变成。
promise.race用法
weixin_66496801的博客
08-23 440
promise.race
Promise.race的用法
An_cf的博客
03-31 1717
最近做项目让增加一个功能，当接口请求超过5分钟后，做个处理页面增加错误提示，于是想到了Promise.race的方法，下面来记录一下~ let P1 = new Promise( resolve => { setTimeout(()=> { resolve('p1访问！') },4000) }); let P2 = n...
Promise Race, 并不公平的 Race
weixin_34362790的博客
06-24 257
前言 Promise Race 方法是我们在使用 Promise 的时候比较容易使用的一个方法。按照 MDN 对 Promise Race 的定义如下， The Promise.race(iterable) method returns a promise that resolves or rejects as soon as one of the promises in the iterabl...
ES6笔记——Promise.race
weixin_54362381的博客
07-30 300
Promise.race([ ]): 与Promise.all()对应,接受的也是个数组，里面也都是Promise实例。 Promise.race([p1, p2, p3])里面哪个结果获得的快，就返回哪个结果，不管结果本身是成功状态还是失败状态。 1、只要有一个决议为成功或失败，新得到的Promise实例就相应地返回成功或失败。 2、all传空数组会立刻决议为成功；而race传空数组会被挂起，它会没有任何反应 function getData1() { return new Promise((res
promise - 7.promise.race 源码实现
qq_35432512的博客
07-09 411
Promise.race(iterable) 方法返回一个 promise，一旦迭代器中的某个promise解决或拒绝，返回的 promise就会解决或拒绝。 function isPromise(x) { // 校验是否是 promise if((typeof x == 'object' && x !== null) || typeof x == 'function') { if(typeof x.then == 'function') { .
promise.race
05-18
`Promise.race()`是一个函数，用于同时观察多个Promise对象的完成情况，并返回最先完成的Promise对象的结果或拒绝原因。 如果传递给`Promise.race()`的所有Promise对象都已经被解决，那么返回的Promise对象也会被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值