koa2框架中的async和await

在koa2框架我们经常能看到async和await,我当时第一次见,想我艹这是个啥东西

从平时的js里开始看,因为它时基于es6Promise的写法
function pro(){
	return '嘿嘿嘿'
}
console.log(pro()) // 嘿嘿嘿
async function pro(){
	return '嘿嘿嘿'
}
console.log(pro()) // 下图

在这里插入图片描述
pending是这个Promise当前的状态

加载结束后的样子
可以看到async把一个普通的function转化为Promise对象,Promise的出现就是为了实现异步

 function setTime(time){ // 返回一个promise对象来控制异步
           var Time = new Promise(function(resolve,reject){
               setTimeout(function(){
                   resolve(time) // 假如不用promise对象在这个setTime中直接return
                   				 // 这this指向问题无法解决这个函数不知道什么时候返回,返回给谁promise中resolve解决了这个问题,它可以用then接收
               },time)
           });
           return Time;
        }
async function pro(){
       var now1 = Date.now();
       console.log(setTime(3000).then(data=>{console.log(data)})); // 因为是promise可以用then
       console.log(Date.now() - now1);
       return Date.now() - now1;

}
console.log(pro().then(data=>{console.log(data)}))

在这里插入图片描述

await的作用

await就是同步必须和async一起使用

  function setTime(time){
           var Time = new Promise(function(resolve,reject){
               setTimeout(function(){
                   resolve(time)
               },time)
           });
           return Time;
        }
        async function pro(){
            var now1 = Date.now();
            // 这里
            await setTime(3000).then(data=>{console.log(data)}); // 修改了这里
            console.log(Date.now() - now1);
            return Date.now() - now1;

        }
        console.log(pro().then(data=>{console.log(data)}))

在这里插入图片描述
可以看出我在setTime前写了await,它作用就是我没执行接受(或者说是我没有返回结果,状态还没有确定)会阻断后面程序的运行

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值