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