es6 promise async await学习

最近在写代码的时候遇到了异步请求的问题,在这里呢,我想到了应用es6的promise async await

 首先,我们通过控制台先看下什么是promise

这里我们可以看到,promise是一个构造方法,原型上有我们常用的then,catch方法,也就是说当我们通过构造函数promise声明一个函数的时候会继承原型上的这些方法 ,另外promise构造函数本身还有我们熟悉的reject,resolve方法,这里我们就说下这几个方法的用处

下面我们举个栗子,常用来解决异步问题的场景,比如我们想要的是,要等到函数readExcels结果出来以后再进行下一步操作,这时候我们想要的是把这个方法提取出来作为公共方法,我们就可以通过promise构造方法可以很好的解决异步问题

 

 在别的模块中使用该方法

async函数是在ES2017引入的,它主要是让异步操作变得更加方便,他的用法是作为关键字放到函数面前,表示这个函数是一个异步方法,异步方法就是不用管这个方法,会继续往下走,不会阻塞下面js代码的执行

async函数返回的是一个promise对象,如果想要获取peomise返回值,需要用then方法

await是依附于async的,它的作用就相当于它的字面意思,等一下,就是等着我返回结果以后,再继续走下去。

举个例子

看下输出结果

结果分析:因为firstMethod是异步方法,所以,会先执行console.log(data),接着走下面的定时器,输出“我应该后执行”,然后执行 firstMethod,输出“我应该先执行”

下面我们改造成async函数

结果分析:

await那里代表着必须先等待firstMethod执行完毕,才能继续往下走,所以输出结果就是这样了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值