為什麼頂級 Async/Await 在 JavaScript 中不起作用以及如何修復它？

在頂層使用async/await

問題：

問題：

async function main() {  
    var value = await Promise.resolve('Hey there');
    console.log('inside: ' + value);
    return value;
}

var text = main();  
console.log('outside: ' + text);

為什麼會出現以下情況代碼不有效嗎？

答案：

程式碼不起作用的原因是 main 回傳一個承諾。所有非同步函數都會傳回 Promise。 要在頂層使用 async/await，有三個選項：

1。模組中的頂級等待：

const text = await main();
console.log(text);

在 ES2022 中，可以在模組中使用頂級等待。這允許您在模組頂部使用await 語法。但是，在您等待的承諾解決之前，模組將不會完成載入。如果承諾被拒絕，模組將無法載入。

2.從不拒絕的頂級非同步函數：

(async () => {
    try {
        const text = await main();
        console.log(text);
    } catch (e) {
        // Handle errors
    }
})();

使用從不拒絕的頂級非同步函數（除非您想要“未處理的拒絕”錯誤）：

3. then 和catch:

main()
    .then(text => {
        console.log(text);
    })
    .catch(err => {
        // Handle errors
    });

使用.then() 和.catch() 處理main 回傳的Promise：請注意，所有三個選項都需要處理Promise 拒絕或非同步異常，因為沒有呼叫者可以將它們傳遞給。

以上是為什麼頂級 Async/Await 在 JavaScript 中不起作用以及如何修復它？的詳細內容。更多資訊請關注PHP中文網其他相關文章！