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