async await返回值说明

async/await 是ES7提出的基于Promise的解决异步的最终方案。

async
async是一个加在函数前的修饰符,被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then,返回值就是then方法传入的函数

function log(time){
    console.log(time)
}
async function fun(){
await log(1000);
await log(10000);
}
console.log(fun()); 

在这里插入图片描述

await
await 也是一个修饰符,只能放在async定义的函数内。可以理解为等待。
await 修饰的如果是Promise对象:可以获取Promise中返回的内容(resolve或reject的参数),且取到值后语句才会往下执行;
如果不是Promise对象:把这个非promise的东西当做await表达式的结果

这个里面至于为什么console.log(fun())为什么处于第二位运行,这个不是很清楚,有知道的可以帮忙回答下,可以证实的是fun()函数的确返回的结果是promise对象
上面的这个await后面等待的不是promise对象,所以await也就把后面的当作一个变量值
下面

function f1(time) {
    return new Promise((resolve,reject)=>{
        console.log(time)
    })
}
async function  f2() {
    await f1(800)
    console.log("进行到这说明不卡")
}

f2()
console.log(f1(),f2())

在这里插入图片描述上面的f1()函数执行结束之后没有resolve和reject返回所以下面的会卡住不在运行

function f1(time) {
    return new Promise((resolve,reject)=>{
        console.log(time)
        resolve("吴公公")
    })
}
async function  f2() {
    value=await f1(800)
    console.log(value)
    console.log("进行到这说明不卡")
}

f2()
console.log(f1(),f2())

在这里插入图片描述
这里加上了resolve下面的就可以继续运行
如果是reject需要这样写

function f1(time) {
    return new Promise((resolve,reject)=>{
        reject("拒绝了")
    })
}
async function  f2() {
    value=await f1(800).catch(rej=>{
        return rej
    })
    console.log(value)
    console.log("进行到这说明不卡")
}

f2()
console.log(f2())

在这里插入图片描述

  • 技术无止境
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值