async

用法

例1 控制按顺序完成异步操作

var fetchData = function(id){
return new Promise((reslove,reject)=>{
    setTimeout(function(){
        console.log(`任务${id}执行`)
        reslove(`执行结果${id}`)
    },Math.random()*1000)
    })
}

async function tasksList(){
    //这里面的任务并发执行
    let list = [1,2,3,4,5]
    let promises = list.map((task)=>{
       return fetchData(task)
    })
    let results = await Promise.all(promises);
    return results
}

tasksList().then((res)=>{
    console.log(res)
    console.log("全部任务完成")
})
任务1执行
任务2执行
任务4执行
任务5执行
任务3执行
["执行结果1", "执行结果2", "执行结果3", "执行结果4", "执行结果5"]

可以看到很类似promise，结果的输出是按照list的顺序的，区别是promise在函数执行之前就已经在执行异步请求了。

例2 继发完成异步操作

//fetchData和例1相同
async function tasksList(){
    //这里面的任务继发执行
    let  results  = [];
    try{
        for(let i=0;i<5;i++){
            let result =  await fetchData(i)
            results.push(result)
        }
    }catch(e){
        console.log(e)
    }
    return results
}

tasksList().then((res)=>{
    console.log(res)
    console.log("全部任务完成")
})
任务0执行
任务1执行
任务2执行
任务3执行
["执行结果0", "执行结果1", "执行结果2", "执行结果3", "执行结果4"]
全部任务完成

概念

async是Generator函数的语法糖。 async相比于Gennerator改进的地方在于:

内置执行器

asycn不像Generator需要执行器(co模块)

更好的语义

async表示函数里有异步操作，await表示是紧跟在后面的表达式需要等待结果

更广的适用性

async函数的await命令后面，可以使Promise对象和原始类型的值，原始类型的值会返回一个立即resolved的promise对象

返回值是promise

可以用then方法指定下一步的操作