es6 async+await使用

本文介绍了await命令在async函数中的作用,展示了如何处理异步操作中的失败并维持代码流程。讨论了使用try...catch和单独catch方法来处理await后的promise错误,以及优化多个await顺序执行。关键概念包括await命令、async函数、Promise和错误处理策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【1】这里主要看一下await命令的作用:

函数执行的时候,一旦遇到await就会先返回,等到异步操作结束,再接着执行函数体内后面的语句。

await +(promise命令/原始类型的值),而async 函数返回一个promise对象 可以作为await命令的参数,

·1. 创建一个async()函数:
在这里插入图片描述
2. async函数返回一个Promise对象,我们可以调用then()方法添加一个回调函数:

在这里插入图片描述
3. 现在给出一个例子
在这里插入图片描述
这里的执行结果是:
在这里插入图片描述
从结果可以看出,是按照顺序执行的,验证了await命令的功能:函数执行的时候,一旦遇到await就会先返回,等到异步操作结束,再接着执行函数体内后面的语句。

await +(promise命令/原始类型的值)

再看一下,没有await命令的例子:

在这里插入图片描述
执行结果:
在这里插入图片描述
从结果可以看出:先执行了f2,再执行回调里面的代码

【2】现在我们已经知道了await命令,会阻塞代码

question? 如果函数体中有一个await语句后面的promise变为reject,那么整个async函数都会中断执行

我们希望即使前一个异步操作失败,也不要中断后面的异步操作

solve Method1: 可以将第一个await放在try …catch结构里面

在这里插入图片描述
Method2: 在await后面的promise对象后添加一个catch方法,处理前面可能出现的错误

在这里插入图片描述
这里如果有多个await命令,则可以采用方法一,统一放在try…catch结构中

【3】多个await命令后面的异步操作如果不存在继发关系,最好让他们同步执行,缩短执行时间

在这里插入图片描述
写成
在这里插入图片描述
or
在这里插入图片描述
【4】await 函数只能用在async函数中,普通函数不接受

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值