像专业人士一样捕捉 async/await 中的错误

微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。 本文 GitHub github.com/qq449245884... 已收录,有一线大厂面试完整考点、资料以及我的系列文章。

快来免费体验ChatGpt plus版本的,我们出的钱 体验地址:chat.waixingyun.cn 可以加入网站底部技术群,一起找bug,另外新版作图神器已上线 cube.waixingyun.cn/home

使用async await的主要原因是

  • 使我们的代码看起来像同步的
  • 清晰的代码

它确实使我们的代码看起来同步。但是,它真的能让我们的代码变得整洁吗?🤔

请参考以下代码片段,我们在其中有多个 try catch 块,带有 await 功能。

这与使用 then 块非常相似。在上述代码中,使用async/await的优势并未真正发光🌟。

随着时间的推移⏲️,我们的项目中的代码以及 try catch块也在增加,我们不能忽视它们,因为我们必须优雅地处理应用程序中的错误,以使用户体验顺畅。

我们有两种可能的方式来使我们的代码看起来更美观。

方式1:我们可以不将 try catch 块作为一个单独的块,而是直接在同一行中 catch 错误,同时附带 await

方式2:

使用一个专门处理 try catch 函数 ,我们可以导入这个函数来进行 async 调用。

如果我们想在fetchDataFromServer中传递一些参数,那么我们可以利用柯里化的功能来传递参数。

交流

有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。

本文 GitHub github.com/qq449245884... 已收录,有一线大厂面试完整考点、资料以及我的系列文章。

相关推荐
candyTong2 小时前
一觉醒来,大模型就帮我排查完页面性能问题
前端·javascript·架构
玩嵌入式的菜鸡3 小时前
网页访问单片机设备---基于mqtt
前端·javascript·css
前端一小卒3 小时前
我用 Claude Code 的 Superpowers 技能链写了个服务,部署前差点把服务器搞炸
前端·javascript·后端
豹哥学前端7 小时前
用猜数字游戏,一口气掌握 JavaScript 核心知识点(附完整代码)
前端·javascript
忆往wu前8 小时前
从0到1一步步拆解搭建,梳理一个 Vue3 简易图书后台全开发流程
前端·javascript·vue.js
shao9185168 小时前
第3章(2)——使用Gradio JavaScript Client
javascript·node.js·cdn·gradio·job·events·playcode
光影少年8 小时前
大屏页面,一次多个请求,请求加密导致 点击 全局时间选择器 时出现卡顿咋解决(面板收起会延迟1~2秒)
前端·javascript·vue.js·学习·前端框架·echarts·reactjs
Mr.mjw9 小时前
vue中封装一个环形进度条组件,根据外部盒子大小自适应变化
前端·javascript·vue.js
无心使然9 小时前
Openlayers调用ArcGis影像服务之一动态地图、地图切片(/exportImage)
前端·javascript·数据可视化
像我这样帅的人丶你还9 小时前
前端监控体系与实践(二):全局监控
前端·javascript·vue.js