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

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

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

es6 async await学习

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

举个例子

es6 async await学习

看下输出结果

es6 async await学习

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

下面我们改造成async函数

es6 async await学习

es6 async await学习

结果分析:

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

相关文章:

  • 2022-12-23
  • 2021-10-03
  • 2021-06-04
  • 2022-01-23
  • 2022-12-23
  • 2021-03-27
  • 2021-08-07
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-05
  • 2021-09-10
  • 2022-12-23
  • 2021-07-18
  • 2022-12-23
相关资源
相似解决方案