async/await

ES7引入的,更加方便的进行异步操作

async用与函数上(async函数的返回值是Promise实例对象)
await用于async函数中(await可以得到异步的结果)

第一种用法

async function queryData(id){
    const ret = await axios.get('/data')
    //后续操作可以顺序的往下写
    console.log(ret)
}
queryData(id)        //调用

第二种用法

async function queryData(id){
    const ret = await axios.get('/data')
    //因为返回值还是Promise实例对象,如果返回ret,这个函数在调用的时候可以通过.then得到返回值ret
    return ret;
}
queryData.then(ret => {        //调用
    console.log(ret)
})

处理多个异步请求

async function queryData(){
    const info = await axios.get('/data1')
    const ret = await axios.get('/data2?info=' + info.data)
    return ret.data
}
queryData().thien(function(ret) {
    console.log(ret)
})
有问题可直接留言,望各位与我都可以成为技术大牛。
原文地址:https://www.cnblogs.com/xhxdd/p/13716885.html