ES7之async/await异步方案

async,异步的意思,这是一种异步方案,es6里经常用的是promise这种异步回调方案,但是每步都要接上.then,因此写的比较繁琐,而ES7中的异步方法async/await则要简单的多,下面举栗子说明用法:
第一,使用规则:
async是个函数,await要在async的里面使用;
await起着拦截的作用,表示只有await后面跟的代码执行完毕方可继续执行下面的代码
第二、栗子:
在一个vue组件中,调取getData.js中封装的axios方法(关于axios的使用和配置我前面的的博客里有简单的说明),发送一次对数据的请求:

getData.js中:

export const cityGuess = () => Vue.prototype.$http.get('http://localhost:8082/v1/cities?type=guess'); // 获取默认城市

script代码(import目录中getData.js里的cityGuess()到这里的代码就不写了):
1,使用async/await获取:

async created () {
    let res = await cityGuess();
    this.guessCity = res.data;
}

2,使用promise获取:

 created () {
    cityGuess().then(res => {
        this.guessCity = res.data;
    });
}

两种方法的简易一目了然

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值