async_await用法

  • async作为修饰关键字修饰在函数前,表示该函数是一个异步函数
  • await的使用必须有async关键字
  • await等待的必须是一个promise对象
  • async返回的是一个promise对象
asyn function A(){ return '星星';}
A().then(result=>{console.log(result);})

在这里插入图片描述

没有await的执行

function A(){
    return new Promise((resolve,reject)=>{
        setTimeout(function(){
                   var num = Math.ceil(Math.random()*20); //生成1-10的随机数
                   console.log('随机数生成的值:',num)
                   if(num<=10){
                       resolve(num);
                   }
                   else{
                       reject('数字太于10了即将执行失败回调');
                   }
               }, 2000);
              })
              return p;
}
async function B(){
    console.log('a前');
     A();
    console.log('a后');
    
}
B();

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

加上await的执行

function A(){
    return new Promise((resolve,reject)=>{
        setTimeout(function(){
                   var num = Math.ceil(Math.random()*20); //生成1-10的随机数
                   console.log('随机数生成的值:',num)
                   if(num<=10){
                       resolve(num);
                   }
                   else{
                       reject('数字太于10了即将执行失败回调');
                   }
               }, 2000);
              })
              return p;
}
async function B(){
    console.log('a前');
     await A();
    console.log('a后');
    
}
B();

在这里插入图片描述
在这里插入图片描述
得出结论:异步执行时,遇到await时,会等待promise返回结果,之后再执行下面的代码,(阻塞后面代码)看起来像是同步一样
注意:await不会阻塞async以外的代码。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值