被爱人被抓
当前位置:首页 - 软件 >

javascript async await简单用例

2019-10-09来源:西京网

先写三个实际执行的promise,用setTimeout分别在3s,2s,1s后返回数据,用来给后面的await进行调用。如图1

javascript async await简单用例

图1


写三个async和await执行方法对应执行前面的三个promise。如图2

javascript async await简单用例

图2


测试1,如图3

javascript async await简单用例

图3

用async和await去调用图2的async和await用例,执行的结果是

1s

2s

3s 打印3000

4s

5s 打印2000

6s 打印1000


测试2,如图4

javascript async await简单用例

图4

用普通方式去调用图2的async和await用例,执行的结果是

1s 打印1000

2s 打印2000

3s 打印3000


总结

async申明的方法内部通过await等待后面的方法执行完毕,然后返回值给申明在await前面的变量,然后进行下一步。如果在外部也想要方法按顺序执行,需要在外部方法也申明async,内部采用await方式(如图3)。

图4内部执行的方法本身是被async和await修饰的,但是调用的外部方法test未进行async修饰,内部doTime1000等方法也未用await修饰,那么doTime1000和doTime2000和doTime3000之间并不是同步执行的,各自的执行不会影响到另外两个方法。

想接收doTime1000等方法的返回值,可以用图3的方式把返回值通过await复制给变量,或者图4可以像调用普通的promise一样通过then来接收返回值。

javascript async await简单用例

转载文章地址:http://www.wanhe88.com/ruanjian/10927.html
(本文来自被爱人被抓整合文章:http://www.wanhe88.com)未经允许,不得转载!
标签:
JavaScript
网站简介 联系我们 网站申明 网站地图

版权所有:www.wanhe88.com ©2017 被爱人被抓

被爱人被抓提供的所有内容均是网络转载或网友提供,本站仅提供内容展示服务,不承认任何法律责任。