Camila Waz 发布于
2020-09-22 14:39:45

async 和awiat实例代码

上一篇文章:

Promise 对象

async +awiat 和 promise.all()相同点和不同点

相同的:

  1. 都是等待promise对象执行完毕后在执行then后面的方法!

不同点:

  1. async +awiat是按顺序完成异步操作(完成时间=所有promise对象执行时间的总和
  2. 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()}`)
    }},
当前文章内容为原创转载请注明出处:http://www.good1230.com/detail/2020-09-22/542.html
最后生成于 2020-10-03 21:09:24
上一篇文章:

Promise 对象