async-await使用以及分析

在这里插入图片描述

async返回的是promise对象

在这里插入图片描述
在这里插入图片描述
尝试.then
在这里插入图片描述在这里插入图片描述


也可以返回promise
在这里插入图片描述
此时data变成200了,也就是如果不是promise对象 async会自动封装成promise返回。


await 相当于 promise的.then

在这里插入图片描述
data 300
在这里插入图片描述
data1 400

案例3
在这里插入图片描述

在这里插入图片描述
data2 200


如果promise是reject状态可以通过trycatch捕获

在这里插入图片描述
在这里插入图片描述

注意点

如果是reject状态那么 await是不会执行的
在这里插入图片描述

在这里插入图片描述
解决:可以通过trycatch

异步的本质

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

重点

在这里插入图片描述
注意:await后面的都是异步 但不包含本身,所以async2是会执行的
总结 也就是语法层面,使用同步语法写异步代码,但还是逃不了异步的使用

变种

在这里插入图片描述
答案
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
最后:异步的本质——》JS是单线程的——》异步需要回调,即使使用async-await-》异步都基于eventLoop的实现规则。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值