JavaScript中使用async和await執行異步處理的方法

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

  Async/await是一個主要功能，可以更簡潔有效地描述Promise的異步處理，異步處理是無需等待處理結果就能馬上執行下一個處理的機制，它可以很容易地通過使用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之前寫入就可以執行異步處理。

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);
}

執行結果為：100

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

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

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

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

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