這篇文章給大家分享的是有關JavaScript中使用async和await執(zhí)行異步處理的方法的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯是一家專業(yè)提供疊彩企業(yè)網站建設,專注與成都網站設計、網站制作、外貿營銷網站建設、H5建站、小程序制作等業(yè)務。10年已為疊彩眾多企業(yè)、政府機構等服務。創(chuàng)新互聯專業(yè)網站建設公司優(yōu)惠進行中。

  Async/await是一個主要功能，可以更簡潔有效地描述Promise的異步處理，異步處理是無需等待處理結果就能馬上執(zhí)行下一個處理的機制，它可以很容易地通過使用Promise來實現。

在Promise的情況下，我們使用“then”來連接，因此它會變成很單調的代碼。

例如，如果使用“then”運行多個Promise進程，它看起來像這樣：

getDate()
.then(function(data) {
    return getYear(data)
}) .then(function(year) {
    return getSomething(year)
}) .then(function(item) {
    getAnotherThing(item)
})

在某些情況下，使用Promise.all()可以更好的實現，但仍然必須使用then。

我們如果學習了如何使用async/await，這樣就可以提高效率了。

如何使用async/await？

我們先來看一下基本的語法

async可以定義一個函數，只需在function之前寫入就可以執(zhí)行異步處理。

async function() { }

如果這樣寫async，這個函數將返回Promise。

此外，await是Promise處理的結果返回之前暫時停止的運算符。

await Promise處理

通過在描述Promise處理的函數之前簡單地寫await，它會暫停直到結果返回。

但是，請注意await只能用于async中定義的函數！

同樣由于這個原因，async / await經常會成對的使用。

如何使用async/await編寫異步處理？

首先，假設有以下Promise處理。

function myPromise(num) {
  return new Promise(function(resolve) {
 
    setTimeout(function() { resolve(num * num) }, 3000)
 
  })
}

這個例子，明白在Promise內記述著故意花費3秒的時間的處理。

如果使用async/await而不使用then ，則如下所示。

async function myAsync() {
    var result = await myPromise(10);
    console.log(result);
}

執(zhí)行結果為：100

在這個例子中，通過賦予async來創(chuàng)建異步處理的函數。

描述函數內的Promise處理是myPromise()前的await

這將暫時等待Promise進程，該進程將在3秒后返回結果，并且一旦獲得結果，函數內的進程將繼續(xù)處理。

在執(zhí)行結果中，可以獲得給定參數10相乘的值100。

感謝各位的閱讀！關于JavaScript中使用async和await執(zhí)行異步處理的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

新聞名稱：JavaScript中使用async和await執(zhí)行異步處理的方法
當前地址：http://jinyejixie.com/article2/pgseoc.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站收錄、做網站、網站排名、商城網站、響應式網站、外貿網站建設

廣告

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