vue async/await---异步/同步


1.async/await场景

用同步的思维来解决异步问题,当前端接口调用需要等到接口返回值以后渲染页面。

2.名词解释

  async

    async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行,async 函数返回的是一个promise 对象。

  await

   await的含义为等待。意思就是代码需要等待await后面的函数运行完并且有了返回结果之后,才继续执行下面的代码。这正是同步的效果

3.需要注意:await必须放在async中 

 async a() { // async这个需要调用的函数
      this.b = []
      for (let j = 0; j < this.c.length; j++) {
        await fun({
          s: 值
        }).then(response => { 
          //请求成功的数据
        })
      }
//上面循环执行完才继续走下边
console.log(aaaaa) //也就是,在需要的地方调用a函数,然后await后面的请求全部执行完之后,才继续进行执行下边所需要的代码,解决了同步异步问题

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM