弱网接口超时处理--Promise

最新推荐文章于 2023-02-27 10:44:34 发布
最新推荐文章于 2023-02-27 10:44:34 发布
阅读量508 收藏 1
点赞数
分类专栏： 日常问题解决 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41801059/article/details/109529257
版权
本文介绍了如何利用Promise.race方法来处理弱网情况下接口超时的问题。当多个Promise实例中有一个率先改变状态时，Promise.race会立即返回该状态。若接口在3秒内未响应，则可采取超时处理策略。
摘要由CSDN通过智能技术生成

Promise.race

Promise.all([p1, p2,p3]) 和 Promise.race([p1, p2,p3]) 都是很好用方法，他们之间的区别简单说是：
他们都接收数组参数，p1 p2 都是Promise 实例

  • const p = Promise.all([p1, p2，p3])
    • p1 p2 p3只有都是成功resolve， 才能走 then
    • p1 p2 p3 之间有一个是 reject，最终状态就会变成reject 走 catch
  • const p = Promise.race([p1, p2,p3])
    • p1 p2 p3 互为竞争关系，之间有一个先返回状态，p的状态就会跟着改变

实例需求背景： 接口返回有时候过慢，假如3秒内接口返回那就走正常流程，如果超过3秒，接口还没返回则做告知处理
最简单的处理方法就是用 Promise.race

            Promise.race([
              this.
最低0.47元/天 解锁文章
小胖妮宝
关注
专栏目录
前端开源库-promise-queue-plus
08-29
"Promise Queue Plus" 就是一个专门为解决此类问题设计的开源库，它基于Promise实现，提供了超时、重试等高级特性，极大地增强了异步任务的处理能力。 Promise 是JavaScript中的一个关键特性，用于处理异步操作，...
接口请求超时问题的排查及解决优化方案详细介绍
最新发布
东东先生的博客
06-09 2万+
访问网站或请求接口过程中出现接口超时,该如何排查?如何处理解决?
JS超时处理最简单的方式
逍湘子
07-20 5715
当我们请求后端接口时间过长时，我们需要给用户反馈错误信息，以告知用户目前的状态是什么，那么最简单的超时处理方式是： Promise.race() promise.race()是接口竞技，就是哪个接口先返回数据就处理哪个数据，适用于多个接口并发执行时。 let p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('请求ok') }, 2000) }) let p2 = new Promise((resolv
【探索测试篇】探索无界，BUG无限，让程序猿头疼的测试技术
专业资深测试者，多年质量管理经验，浪迹网游、金融、房产、招聘及海外行业多年，CDSN百万原创阅读，公众号500+原创文章，提倡测试左移、风险、越权、假设、探索测试，喜欢用抽象思维模式思考和技术探讨，自动化、性能、安全测试实施者，感谢关注！
03-26 662
探索无界，BUG无限 一、修改系统时间 当功能模块中存在倒计时、计时器、时间，与时间有关系时，尝试修改系统时间，测试系统时间是否参与计算，修改系统时间是否会影响到倒计时、计时、时间等与时间有关系的模块 例：1小时后秒杀商品，修改系统时间到1小时后，测试是否可以下单 二、断网、断网重连、服务器断开 1...
promise请求超时处理
qq_40137978的博客
02-27 1071
promise.race 请求超时处理
从4个方面优化你的Vue项目
weixin_33918114的博客
01-28 589
首发于GitHib：github.com/SimonZhangI… 运行时优化 1、使用v-if代替v-show 两者的区别是：v-if不渲染DOM，v-show会预渲染DOM 除以下情况使用v-show，其他情况尽量使用v-if 有预渲染需求 需要频繁切换显示状态 2、v-for必须加上key，并避免同时使用v-if 一般我们在两种常见的情况下会倾向于这样做: 为了过滤一个列表中...
SpringBoot设置接口超时时间的方法
08-25
SpringBoot 设置接口超时时间的方法 SpringBoot 是一个基于 Java 的开源框架，由 Pivotal 团队开发，旨在简化基于 Java 的企业级应用程序的开发。 在 SpringBoot 中，设置接口超时时间是非常重要的，因为它可以避免...
易语言FTP超时处理源码-易语言
06-13
3. **异常捕获与处理**：使用易语言的错误处理结构，如`错误捕获`和`错误处理`，来捕获FTP操作可能出现的异常，如网络错误、超时错误等，并进行相应的处理。 4. **关闭连接**：在FTP操作完成后，无论成功还是失败，...
time-limit-promise:履行超时承诺
05-11
const timeLimit = require ( 'time-limit-promise' ) ; const fetch = require ( 'node-fetch' ) ; var fetchPromise = fetch ( 'https://github.com/inikulin' ) ; timeLimit ( fetchPromise , 50 ) . then ( res ...
PHP超时处理全面总结.docx
11-29
总结来说，PHP的超时处理涉及到多个层面，包括Web服务器、PHP解释器、数据库连接、缓存服务以及第三方接口。根据不同的场景，合理设置这些超时参数，能够有效防止系统崩溃、提高响应速度并确保服务的稳定性和可靠性...
vue前端项目优化
weixin_39763493的博客
09-14 1081
基础优化 v-if和v-show使用 v-if ：是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块 v-show ： 不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的 display 属性进行切换。 所以，v-if 适用于在运行时很少改变条件，不需要频繁切换条件的场景；v-show 则适用于需要非常频繁切换条件的场景。 computed 和 wat
android 弱网测试与响应超时、连接超时异常处理
Homjay的博客
12-20 5277
    在日常工作中特别是高安全级别的android电商项目经常会出现一种异常情况——当客户发起一个2元 的消费请求时，由于网络延迟导致请求异常，客户再次提交2元消费请求，消费成功，但是客户会发现他消费了4元。投诉是在所不免的了，可是为什么会有这种问题出现呢？带着这个问题，我们接着往下看。     我们要了解这种异常现象时，首先要能还原这种场景，但是网络延迟这种场景并不常见。因此我们先要去学习一...
即时通讯开发移动端弱网络优化方法总结
蔚可云的博客
08-01 839
本篇的目的，就是希望以通俗易懂的语言，帮助移动端IM开发者更好地针对性优化移动网络的各种特性，使得开发出的功能给用户带来更好的使用体验。本文乃全网同类文章中，唯一内容最全、“粪”量最重者，请做好心理准备耐心读下去，不要辜负作者已打上石膏的双手和用废的键盘。 优化方法一：“快链路”我们需要有一条（相对）快速、（相对）顺畅、（相对）稳定的网络通道承载业务数据的传输，这条路的最好是传输快、不拥堵、带宽大、收费少。生活中做个类比，我们计划驱车从深圳到广州，如果想当然走广深高速十之八九要杯具，首先这个高速略显破败更像
做测试需要知道的内容——url、弱网、接口、自动化、
sydjcwx
12-16 341
url 知识点： 抓包工具： 接口测试工具： 接口相关： other： 待补充
vue中检测断网处理
sunluyi的博客
01-09 4647
在app.vue中定义一个变量，来记录是否显示断网 data() { return { network: true //默认有网 }; }, // mounted中检测是否断网 mounted() { // 检测断网 window.addEventListener("offline", () => { console.log("...
移动端弱网测试解决方案（ATC）
m1213642578的专栏
08-29 6413
用户使用app产品的过程中，不可能永远都处在wifi满格的情况下。在地铁里，巴士上，甚至是电梯，车库等等的场景里，我们的app会如何表现，这同样是我们的关注的重点。
PHP超时处理策略详解
3. 在上传文件或处理时间不确定的任务中，应将整个流程的超时设置为无限，以免任何环节的超时导致程序中断。 4. 当涉及到多个后端模块（如MySQL、Memcached、HTTP接口）时，应设置适当的超时，以防止单个模块性能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值