
Camila Waz
发布于
2020-09-22 14:39:45
async 和awiat实例代码
上一篇文章:
Promise 对象
下一篇文章:
email邮箱验证正则表达式
async +awiat 和 promise.all()相同点和不同点
相同的:
- 都是等待promise对象执行完毕后在执行then后面的方法!
不同点:
- async +awiat是按顺序完成异步操作(完成时间=所有promise对象执行时间的总和)
- promise.all()并行执行异步操作(完成时间=最晚完成的promise对象的时间)
1、async 和awiat 执行结果
2、async 和awiat 先后顺序执行方法实例代码
created(){ this.init(); }, methods:{ promise(){ return new Promise((resolve,reject)=>{ const data={} this.$axios.post('vue/google.php',data).then(res => { setTimeout(function(){ console.log(`5秒后方法一加载完成!${new Date()}`) resolve('promise返回值') },5000) }) }) }, promise2(){ return new Promise((resolve,reject)=>{ const data={} this.$axios.post('vue/google.php',data).then(res => { setTimeout(function(){ console.log(`10秒后方法二加载完成!${new Date()}`) resolve('promise2返回值') },10000) }) }) }, async init(){ console.log(`开始时间!${new Date()}`) let value=await this.promise(); let value2=await this.promise2(); console.log(`${[value,value2]}结束时间!${new Date()}`) }},
最后生成于 2020-12-28 15:08:03
上一篇文章:
Promise 对象
下一篇文章: