async+await同步请求

前端开发中有这么一个场景，当我们多个接口需要请求后台时，有个接口B需要另一个接口Ａ返回到的数据．我们通常的做法的是在Ａ接口正常返回的代码里再去请求接口Ｂ

 

getUserInfo () {
      qryUserInfo().then(res => {
        if (res.code === 0) {
          this.getUserRole()
        }
    })
}

 

以上做法完全可行，但是代码的可读性比较不好．下面我们用同步的方法来实现上面的需求

methods: {
    async init () {
      //同步获取用户信息
      const userInfo = await this.getUserInfo()
      this.getUserRole(userInfo.code)
    },
    getUserInfo () {
      return new Promise(resolve => {
        qryUserInfo().then(res => {
          if (res.code === 0) {
            resolve(res.data)
          }
        })
      })
    },
    getUserRole () {
      qryUserRole().then(res => {
          if (res.code === 0) {
            this.roleInfo = res.data
          }
        })
    }
}