解决回调地狱 / 同步请求 / async 和 await 用法

async/await是什么

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

async

被async定义的函数会默认返回一个 Promise 对象 resolve 的值，async函数可以直接then。

async function fun0(){
    return 1;
}
fun0().then(val=>{
    console.log(val) // 1
})

await

await 也是一个修饰符，只能在 async 定义的函数内使用，await 修饰的如果是Promise对象，可以获取Promise中返回的内容，并从异步变为同步

async fun () {
  let user = {
    name: 'abc',
    age: 18,
    sex: '男'
  }
  let result = await this.$http.post('/user/add', user)
  // 通过 async + await 上一部请求返回后才会执行下面的打印语句
  console.log(result.data) // 输出 user
}