如何在 JavaScript 中使用頂層等待

學習如何在當前的 v8 中使用這個新功能

通常只能在異步函數內部使用等待。因此通常要宣告立即調用的異步函數表達式來包裹它：

1
2
3

(async () => {
 await fetch(/* ... */)
})()

或者也可以先宣告一個函數然後再調用它：

const doSomething = async () => {
 await fetch(/* ... */)
}

doSomething()

頂層等待將允許我們簡單地運行：

1	await fetch(/* ... */)

而不需要這麼多樣板代碼。

注意：這僅在ES模塊中運作。

對於單個的 JavaScript 文件，無需打包工具，你只需將其保存為 .mjs 擴展名，就可以使用頂層等待。

tags: [“async/await”, “JavaScript”, “ES modules”]