async和await函数中出现报错不会继续执行下去，解决办法

最新推荐文章于 2024-05-15 22:50:31 发布
最新推荐文章于 2024-05-15 22:50:31 发布
阅读量3.4k 收藏 3
点赞数 1
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/changyana/article/details/128313403
版权

预想的是有报错的话只有本条函数不能执行，它下边的函数还会继续执行。但是写出来的代码运行出来的结果是await出现错误了，它下边的函数也不会执行了。

先看一下之前的代码：
在这里插入图片描述

在出错的位置，后边的代码就不会执行了。

应该用catch来接收一下错误，然后后边的代码就可以继续执行了。
更改后：
在这里插入图片描述

ChangYan.
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Js中async/await的执行顺序详解
12-11
前言 虽然大家知道async/await，但是很多人对这个方法中内部怎么执行的还不是很了解，本文是我看了一遍技术博客理解 JavaScript 的 async/await（如果对async／await不熟悉可以先看下这篇文章）后拓展了一下，我理了一下await之后js的执行顺序，希望可以给别人解疑答惑，先简单介绍一下async／await。 async/await 是一种编写异步代码的新方法。之前异步代码的方案是回调和 promise。 async/await 是建立在 promise 的基础上。 async/await 像 promise 一样，也是非阻塞的。 async/a
async和await异步函数在接口请求失败时代码不会继续向下执行
hs1219462412的博客
04-18 3981
一、遇到的问题 在异步函数中调用接口，使用了async和await，因为接口调用404导致报错，最后函数内的代码不会继续向下执行，从而使其他业务逻辑bug。 // 通过.catch 捕获异常下面的打印才会正常执行到。 // 还可以通过把调用接口的地方用try catch 包裹起来 useEffect(() => { const asyncFn = async () => { const res = await axios({ method: 'get',
Promise在await报错后，如何继续往下跑...
weixin_30325071的博客
08-27 2971
一、resolve 当a>0时，正常情况依次输出A、B、C console.log("A"); let result = await this.test(); console.log("C:",result); private test(){ return new Promise((resolve,reject)=>{ console.log...
详解C#中的Async和Await用法
09-03
主要介绍了C#中的Async和Await用法,包括在C#5.0下一些新特性的影响,需要的朋友可以参考下
一文搞懂c# await,async执行流
08-19
主要介绍了c# await，async执行流的相关知识，文章讲解的非常细致，代码帮助理解和学习，感兴趣的朋友可以了解下
async await
weixin_46381556的博客
04-04 204
await调用接口时，怎么控制接口报错了之后不再往下执行。
使用async/await并不会执行接下来的代码，原因及解决办法
changyana的博客
08-19 1209
get_table_header函数中创建了新的Promise，但是在处理get_table_header_setting(params)的响应时，并未调用resolve()或reject()，这使得返回的Promise永远处于pending状态，所以await this.get_table_header()也就永远不会返回，导致后续的代码无法执行。
Promise 与 async await
lianbao0425的博客
07-30 718
Promise相关问题
await的promise返回错误会怎么样
m0_57236802的博客
08-20 132
被拒绝（即返回了错误），则会抛出一个异常。块将被执行，你可以在其中处理错误。（例如，由于网络错误、API 错误等），语句来捕获并处理这个异常。块中的剩余代码将继续执行。在上面的代码中，如果。
js：await对后续代码的影响
m0_64401231的博客
03-22 1245
await对后续代码的影响
浅谈C#中的Async和Await的用法详解
12-31
众所周知C#提供Async和Await关键字来实现异步编程。在本文中，我们将共同探讨并介绍什么是Async 和 Await，以及如何在C#中使用Async 和 Await。 同样本文的内容也大多是翻译的，只不过加上了自己的理解进行了相关知识点的补充，如果你认为自己的英文水平还不错，大可直接跳转到文章末尾查看原文链接进行阅读。 写在前面 自从C# 5.0时代引入async和await关键字后，异步编程就变得流行起来。尤其在现在的.NET Core时代，如果你的代码中没有出现async或者await关键字，都会让人感觉到很奇怪。 想象一下当我们在处理UI和按钮单击时，我们需要运行一个长时间运行的方
async和await用法介绍
01-13
async和await用法
详解Node.js中的Async和Await函数
12-23
在本文中，你将学习如何使用Node.js中的async函数(async/await)来简化callback或Promise. 异步语言结构在其他语言中已经存在了，像c#的async/await、Kotlin的coroutines、go的goroutines，随着Node.js 8的发布，期待...
async和await的错误处理
见贤思齐焉，见不贤内自省
04-07 5954
async和await的错误处理
java await 超时_Java线程通信：wait方法设置超时时间却不能继续向下执行的原因分析...
weixin_35085438的博客
02-16 1276
java的wait/notify的通知机制可以用来实现线程间通信。wait表示线程的等待，调用该方法会导致线程阻塞，直至另一线程调用notify或notifyAll方法才可另其继续执行。经典的生产者、消费者模式即是使用wait/notify机制得以完成。一、举个例子Java线程进行通信，我们这里想到的是用wait和notify的模式，那么这里先举个例子，流程如下：1、客人点菜，点完菜就等待2、老板...
异步操作之后让await后续的代码能够继续执行
weixin_42349568的博客
04-20 2301
一，不使用try……catch包裹会导致后续代码不执行 function loginSet () { console.log('1111') return new Promise((resolve, reject) => { setTimeout(()=>{ console.log("22222") reject("报错") },10) }) } async function test(){ await login
项目中导入docx文件实现预览效果
weixin_57011137的博客
03-14 1824
首先需要用到docx-preview组件 在页面中全部引入该组件 import * as docx from "docx-preview"; import * as docx from "docx-preview"; import { onMounted } from "vue"; const docxOptions = Object.assign(docx.defaultOptions, { debug: true, experimental: true, }); onMounted(() =
遇到await关键词之后后续代码还会执行吗！
weixin_60838100的博客
09-14 5046
解释器看到该函数被声明为异步,这意味着它将始终返回一个promise. 当遇到await关键字时,它会暂停该函数的进一步执行,直到正在等待的promise被解决 才会去向下执行. await的阻塞方式并不是阻塞同步代码所在的主线程，await其实是阻塞的当前异步函数的异步线程。 虽然await会阻塞async异步函数，但是并没有阻塞同步代码的主线程，同步和异步之间仍然相互不阻塞。 虽然await阻塞异步函数向后执行，看起来像是同步的，但是它本质还是异步的，我们同样可以并行执行其他的不关联的异步操作，而同
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
最新发布
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1153
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
async 和 await如何使用
11-17
async和await是ES7中新增的关键字，用于简化Promise异步操作。async用于声明一个异步函数，而await用于等待一个异步函数执行完成并返回结果。 下面是一个简单的例子，展示了async和await的用法： ```javascript async function testAsync() { return "hello async"; } async function test() { let result = await testAsync(); console.log(result); // 输出：hello async } test(); ``` 在上面的例子中，testAsync()函数是一个异步函数，它返回一个Promise对象。test()函数中使用了await关键字等待testAsync()函数执行完成并返回结果，然后将结果赋值给result变量并输出。 需要注意的是，使用await关键字的函数必须在async函数中调用，否则会报错。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值