async/await 实现异步接口请求操作转为同步


async/await 本质上依然是基于Promise,但在使用上更加简便符合自然习惯。
async函数内部同步执行。await之间相当于.then。
async函数外部的调用异步执行
需要try/catch await应对promise reject的情况。

getUser () {
      return this.$getAjax('user/list')
    },
    async searchUser () {
      /**
       * 输出顺序为
       * 1, res user 2, 3
       */
      try {
        console.log(1)
        let res = await this.getUser()
        console.log(res, 'res user 2')
        console.log(3)
      } catch (error) {
        console.log(error)
      }
    },
// $getAjax函数
function $getAjax (url = '', params = {}) {
  return axios
    .get(url, {
      params: params
    })
    .then((res) => {
      if (res.code === 1) {
        return Promise.resolve(res)
      } else {
        this.$message.error(res.msg)
        return Promise.reject(res.msg)
      }
    })
    .catch((error) => {
      return Promise.reject(error)
    })
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值