博客
关于我
使用async、await改善异步代码
阅读量:314 次
发布时间:2019-03-04

本文共 682 字,大约阅读时间需要 2 分钟。

web开发经常用到异步编程,一方面不阻塞代码,另一方面也带来了回调地狱—差劲的代码可读性,es6有了async和await让开发者像写同步代码一样写异步代码

async 函数

定义:在普通函数前加一个async关键字

async function getName(){    	return "hezebing";}

调用:与普通函数无区别

getName();//返回一个promise对象

结合await

定义:await + 返回promise的异步调用;表示等待异步函数执行完后,才直接下面的代码。

function getInfomation(){    	return new Promise((res,rej)=>{    		setTimeout(()=>{    			res('hello,i am back after 3 seconds')		},3000)	})}async function main(){    	let msg = await getInfomation();	console.log('this is async function returned information: ' + msg);}main();

总结

  • await + 异步调用 只能用在async函数里。
  • await + async极大地方便了开发者处理有依赖关系的http请求(举个傻傻的例子:先请求用户名,再根据用户名请求用户信息
  • 流程变为:一个整体操作(async函数)+若干个异步请求(仅限于有依赖关系的请求之间,如果不是,那么别用.)。

转载地址:http://lynh.baihongyu.com/

你可能感兴趣的文章
最简单的Socket程序[入门篇]
查看>>
VS2005图标默认存放位置
查看>>
常用正则表达式
查看>>
C#中换行的代码
查看>>
用正则表达式过滤多余空格
查看>>
XML:采用XHTML和CSS设计可重用可换肤的WEB站点
查看>>
U盘“无法识别的USB设备”解决办法
查看>>
4-6 在Vue中使用插槽
查看>>
十二、 PHP (PDO)操作数据库
查看>>
二叉树 简单实现 问题解决
查看>>
第2章 可行性研究
查看>>
python入门——运算符
查看>>
less简介、less安装、编译、less语法之变量、嵌套、类混入、函数混入、运算、less文件导入
查看>>
【springmvc】传值的几种方式&&postman接口测试
查看>>
泳道图简介
查看>>
Tomcat6中web项目部署路径webapps和wtpwebapps的区别
查看>>
Java判断字符串是否为金额
查看>>
CodeCombat代码全记录(Python学习利器)--安息之云山峰(第四章)代码9
查看>>
nginx配置文件nginx.conf详细讲解(2)
查看>>
nginx配置文件nginx.conf详细讲解(4)--终结篇
查看>>