ES7之async/await异步方案
来源:互联网 发布:剪切的数据怎么恢复 编辑:程序博客网 时间:2024/06/13 21:39
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 0
- ES7之async/await异步方案
- ES7的Async/Await 异步
- ES7的Async/Await 异步
- ES7 异步函数 (async await)
- ES7 await/async
- ES7的Async/Await
- ES7的Async/Await
- ES7 await/async
- ES7的Async/Await
- JavaScript 异步方案 async/await
- NodeJS 异步 async / await 方案
- JavaScript 异步方案 async/await
- 体验异步的终极解决方案-ES7的Async/Await
- 体验异步的终极解决方案-ES7的Async/Await
- 异步的终极解决方案-ES7的Async/Await
- 异步的终极解决方案-ES7的Async/Await
- 体验异步的终极解决方案-ES7的Async/Await
- 体验异步的终极解决方案-ES7的Async/Await
- Android 系统权限使用详解
- Android中补间动画1----Animation的基本使用代码实现(平移,缩放,渐变,旋转)
- UE4蓝图节点翻译---Get Components by Tag
- JS——判断数组
- 考试题(进制问题)
- ES7之async/await异步方案
- idea使用SVN
- 基于框架开发的办公软件实例
- 攻击手段
- CentOS 7 安装FTP服务器(vsftpd)
- 连表查询
- 基础练习 字符串对比
- error:14090086:SSL routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed
- Android 6.0权限导致dest.mkdirs() 一直返回false问题: 无法写入文件: