今天就跟大家聊聊有關怎么在JavaScript中使用async和await實現(xiàn)異步調(diào)用，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)主營三山網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,重慶App定制開發(fā),三山h5小程序設計搭建,三山網(wǎng)站營銷推廣歡迎三山等地區(qū)企業(yè)咨詢

async/await多個函數(shù)關聯(lián)調(diào)用

async/await使得異步代碼看起來像同步代碼

async函數(shù)會隱式地返回一個promise，而promise的reosolve值就是函數(shù)return的值

Async/Await不需要寫.then，不需要寫匿名函數(shù)處理Promise的resolve值，也不需要定義多余的data變量，還避免了嵌套代碼

async聲明一個異步函數(shù)

await只能在async函數(shù)中使用，后面跟一個promise對象

所以在模擬異步調(diào)用函數(shù)時，函數(shù)體內(nèi)返回promise

async/await缺點

async函數(shù)里，無論是Promise reject的數(shù)據(jù)還是邏輯報錯，都會被默默吞掉。所以最好把await放入try{}catch{}中，或者在async返回的promise對象中使用.cache捕獲錯誤。

實現(xiàn)

項目中實現(xiàn)三個不同的接口調(diào)用，三個接口是相互關聯(lián)的，前一個接口的返回值是后一個接口的參數(shù)，如果使用Promise實現(xiàn)的話，只能實現(xiàn)異步調(diào)用，但是無法相互關聯(lián)，也就是數(shù)據(jù)不互通，所以使用async/await實現(xiàn)

• 接口調(diào)用的方法獨立封裝，參數(shù)可動態(tài)設置

• async聲明異步方法，內(nèi)部使用await關鍵字調(diào)用封裝的接口，參數(shù)可直接傳入

• async/await相當于將Promise異步調(diào)用同步化，數(shù)據(jù)可實現(xiàn)關聯(lián)

• async/await會默認返回一個Promise對象，在實際調(diào)用中使用cache捕獲錯誤

代碼實現(xiàn)

<script>
 //再此使用定時器模擬異步接口的調(diào)用
 // 異步函數(shù)a
 function a() {
  return new Promise(resolve => {
   setTimeout(()=>{
    resolve('a')
   }, 1000)
  })
 }
 // 異步函數(shù)b,關聯(lián)a參數(shù)
 function b(a) {
  return new Promise(resolve => {
   setTimeout(()=>{
    resolve(a+'b')
   }, 1000)
  })
 }
 // 異步函數(shù)c，關聯(lián)b參數(shù)
 function c(b) {
  return new Promise(resolve => {
   setTimeout(()=>{
    resolve(b+'c')
   }, 1000)
  })
 }

 // 同步執(zhí)行三個關聯(lián)的異步函數(shù)
 async function d(){
   const da = await a();
   const db = await b(da);
   const dc = await c(db);
   return dc;
 }

 // 實際調(diào)用
 d().then(res=>{
  console.log(res)
 }).catch(err=>{
  console.log(err)
 });
</script>

看完上述內(nèi)容，你們對怎么在JavaScript中使用async和await實現(xiàn)異步調(diào)用有進一步的了解嗎？如果還想了解更多知識或者相關內(nèi)容，請關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道，感謝大家的支持。

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享名稱：怎么在JavaScript中使用async和await實現(xiàn)異步調(diào)用-創(chuàng)新互聯(lián)
分享地址：http://chinadenli.net/article42/cdochc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、企業(yè)網(wǎng)站制作、定制開發(fā)、做網(wǎng)站、外貿(mào)建站、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)