async 与 await 使用注意

dasync 修饰的函数,默认返回一个promise的对象resolve的值

await 修饰的函数只有放在async的函数中才有意义

await 修饰的函数,最好能返回一个promise对象(promise对象中回调一个异步函数例如setTimeout函数这一类的),否则如果await如果修饰一个普通函数或直接修饰一个非promise对象的异步函数,则起不到await的作用

几个例子来说明:

1、正确使用async/await的情况,则async修饰的函数里面被await修饰的函数(该函数必须返回一个promise对象)会串行执行,即函数1先执行,然后等待,当函数1异步执行完毕后(即有resolve值返回后),函数2再执行。

// 使用async/await获取成功的结果

function getSomeThing(time){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve(time)
        },time)
    })
}

async function test(){
    let a = await getSomeThing(1000);//函数1
    console.log(a)
    let b = await getSomeThing(2000); //函数2 
    console.log(b)
}
test(); // 先返回Promise {<pending>},然后第1秒后输出:1000,第3秒后输出2000 

async function test2(){
    let a = await getSomeThing(1000);
    let b = await getSomeThing(2000);  
    console.log(a)
    console.log(b)
}
test2(); // 先返回Promise {<pending>},然后第3秒后同时输出:1000,2000 

2、 async修饰的函数的内部,使用不加await修饰的异步函数,或添加了await修饰但没有返回promise对象的异步函数,则不会有之前按顺序串行执行的效果,而是所有异步函数统统并发执行,非异步函数(不管是否被await修饰)统统在async修饰的主函数执行时串行执行。

function log(time){
    setTimeout(function(){
        console.log(time);
        return 1;
    },time)
}
async function fun(){
    let a = await log(1000); //函数1:log函数返回的不是promise对象,所以即使有await修饰,也不会等待setTimeout执行完毕后再执行后面的函数。而是与后面的异步函数同时并发执行
    let b = await log(3000);
    let c = log(2000);
    console.log(a);//本行在fun函数执行时顺序执行,因此在函数1获取到返回值之前就执行完毕了,因此a在第一行中的声明没有被检测到,因此此行打印undefined
    console.log(1)
}
fun(); //执行结果:输出undefined、“1” 、返回Promise {<fulfilled>: undefined}对象、1秒后输出1000,2秒后输出2000,3秒后输出3000

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值