异步请求：对于promise与async await的使用场景

最新推荐文章于 2024-08-02 13:35:44 发布
最新推荐文章于 2024-08-02 13:35:44 发布
阅读量205 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43355831/article/details/127770926
版权

建议，多数时候利用async await代替promise，主要是提高了代码的可读性与观赏性（个人习惯）

但是也要清楚，很多时候promise的不可替代性，这边后面出现案例再详记吧

可是使用async await代码美观，却有reject无法捕获的问题存在（这里单独使用trycatch也可以解决单个问题），个人有几个解决方案可以参考：

  1. 如果是在移动端，且有明确的生命周期（举例uni-app），这样统一处理不需要对reject进行处理的接口捕获就行了，简单来说就是，如果这个异步失败了，但我并不在意这个异步的失败情况，可以用这个声明周期监听下，作为异常总结也是很方便
  2. 对async await进行二次封装，贴一下代码

 

 使用方法就是在每次await调用的时候 （也贴一下代码吧）

 

Thisrebeta
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JS 异步编程与Promise async await语法糖
01-20
JavaScript中的异步编程是...总结来说，JavaScript的异步编程通过Promise和事件循环机制，以及更易读的`async/await`语法糖，实现了对非同步操作的高效管理。理解这些概念对于编写高性能的前端和Node.js应用至关重要。
详解async/await 异步应用的常用场景
10-17
【async/await 异步应用的常用场景】 async/await 是 JavaScript 中用于处理异步操作的一种方式，它引入了Promise的语法糖，使得异步代码更易于理解和编写，看起来更接近同步代码。然而，尽管async/await使得代码...
ES6 Promise 和 async/await 的使用
Chieffo 的博客
03-15 236
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任
async和await配合Promise的简单理解及使用场景
weixin_44650537的博客
03-02 177
async和await配合Promise的简单理解及使用场景
promise&Async/Await
Kris1995的博客
09-29 298
引入 在书写 JavaScript 的时候，我们经常不得不去处理一些依赖于其它任务的任务！ 比如：我们想要得到一个图片，对其进行压缩，应用一个滤镜，然后保存它 。 首先，先用 getImage 函数要得到我们想要编辑的图片。 一旦图片被成功加载，把这个图片值传到一个 ocmpressImage 函数中。 当图片已经被成功地重新调整大小后，在 applyFilter 函数中为图片应用一个滤镜。 在图片被压缩和添加滤镜后，保存图片并且打印成功的日志！ 最后，代码很简单如图： 尽管以上代码也能
Promise使用解决的问题/async的使用
前端小知识
01-16 639
Promise promise是异步编程的一种解决方案，他比传统的回调函数加事件更加合理和强大，我用promise除了使用他的异步操作外，还使用promise在项目中解决了回调地狱等问题。 promise的特点，promise一共有两个特点: 对象不受外界影响，一共有三个状态，分别是进行中，成功，或者失败，只有异步操作的结果，可以决定是哪一种状态，任何其他的操作都无法改变这个状态一旦状态改变，就不会再变，任何时候都可以得到这个结果，promise的状态改变只有两种可能，要么是成功，要么失败。 Promise
promise和async
m0_56885551的博客
06-07 273
由于javascript是单线程的，只能在JS引擎的主线程上运行的，所以js代码只能一行一行的执行，不能在同一时间执行多个js代码任务，这就导致如果有一段耗时较长的计算，或者是一个ajax请求等IO操作，如果没有异步的存在，就会出现用户长时间等待，并且由于当前任务还未完成，所以这时候所有的其他操作都会无响应。 那么常见的异步模式有哪些呢？ 回调函数 事件监听 发布/订阅模式（又称观察者模式） promise 具体JS是如何实现异步操作的呢？ 当JS解析执行时，会被引擎分为两类任务，同步任务（synchron
别再偷懒！揭秘前端异步编程：Promise、Async/Await原理解析
zhaodash97的博客
04-19 586
不要再偷懒了！掌握了Promise和Async/Await的原理和应用，你就能在前端异步编程的路上越走越远。记住，一开始可能会觉得有点复杂，但一旦你习惯了这种方式，你就会发现，这不仅仅是为了让代码看起来更优雅，更重要的是能够让你的应用逻辑更加清晰，让用户体验更加流畅。所以，别再偷懒了，开始你的异步编程之旅吧！
async/await与promise（nodejs中的异步操作问题）
10-20
主要介绍了async/await与promise（nodejs中的异步操作问题）,非常不错，具有参考借鉴价值，需要的朋友可以参考下
vue如何使用async、await实现同步请求
10-15
在Vue.js应用中，使用`async/await`语法可以极大地简化异步操作，尤其是处理多个API请求时。`async/await`是ES2017引入的特性，它允许我们将异步代码写得像同步代码一样，使得代码更加可读和易于理解。下面将详细...
什么是promise？我们用Promise来解决什么问题？
zzh990822的博客
09-06 5434
一、什么是Promise？我们用Promise来解决什么问题？ Promise 是异步编程的一种解决方案： 从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态：pending(等待态)，fulfiled(成功态)，rejected(失败 态)；状态一旦改变，就不会再变。创造promise实例后...
async await和promise的区别，作用和使用场景
Du123456789yan的博客
11-06 609
1，作用async和await是用来处理异步的。即你需要异步像同步一样执行，需要异步返回结果之后，再往下依据结果继续执行。 async 是“异步”的简写，而 await 可以认为是 async wait 的简写。 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。
前端Web-JavaScript(上)
Yu2uki的博客
07-31 1419
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。
高德地图离线版 使用高德地图api的方法
最新发布
m0_62336925的博客
08-02 328
然因为高德地图的瓦片地图太大，所以要让后端部署下 前端直接调用 如果本地 直接找到瓦片图路径就可以。这个代码把你想用的方法名保存到本地。这个时候会报错 因为没有这个方法。然后就可以正常使用这个方法拉。然后使用他的离线方法。找到对应的名字 复制。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 897
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
前端面试：项目细节重难点问题分享（十四）
weixin_49062485的博客
08-02 389
更多详情：爱米的前端小笔记（csdn~xitujuejin~zhiHu~Baidu~小红shu）同步更新，等你来看！都是利用下班时间整理的，整理不易，大家多多👍💛➕🤔哦！你们的支持才是我不断更新的动力！
【前端面试】五、框架
weixin_49015558的博客
07-31 511
1 Vue2 2 Vue3 3 React 4 Angular
electron 主进程和渲染进程
qq_21087199的博客
07-29 388
虽然最近一年前端大环境不好，但是大家还是要加油鸭！，努力总不会错，千军万马过独木桥，希望大家都是闯过去那一个。进入正题。
promise和async await的使用场景
05-05
`Promise` 和 `async/await` 都是用于处理异步操作的 JavaScript 的语法特性。它们的使用场景如下： - `Promise`：适用于较为简单的异步操作，可以处理多个异步操作并行执行的情况，可以通过 `then` 和 `catch` 来处理异步操作的结果和错误，可以通过 `Promise.all()` 方法来等待多个异步操作执行完成。 - `async/await`：适用于需要处理复杂的异步操作，可以处理异步操作的依赖关系，可以使用 `try/catch` 来捕获异步操作的异常，可以使用 `await` 来等待异步操作执行完成并获取结果。 一般来说，如果异步操作比较简单，可以使用 `Promise`，如果异步操作比较复杂，或者需要处理异步操作的依赖关系，可以使用 `async/await`。当然，两者也可以结合使用，比如在一个异步操作中需要等待多个异步操作执行完成，可以使用 `Promise.all()` 来处理并行执行的异步操作，然后再使用 `await` 来等待所有异步操作执行完成。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值