? ? ? ?在我們的項目中，經(jīng)常會遇到使用 try-catch 來處理 async/await 異常的情況。但是，這種寫法讓代碼顯得有些混亂，邏輯斷層，不易理解。而且，大量的重復(fù)代碼也會導(dǎo)致代碼冗余，讓代碼變得臃腫。

? ? ? ?在本文中，我們將探討 async/await 異常的處理時機(jī)和原因，并介紹一種優(yōu)雅的處理方法，讓我們擺脫冗余的 try-catch 代碼。

? ? ? 什么時候會發(fā)生異步請求異常？在了解如何處理異常之前，我們先來了解一下異步請求異常發(fā)生的時機(jī)。異步請求可能會因以下原因?qū)е庐惓＃?/p>

1. 網(wǎng)絡(luò)問題：網(wǎng)絡(luò)斷開連接或請求超時。

2. 其他異常情況。

? ? ? 何時需要處理請求異常？一旦出現(xiàn)上述情況，異步請求就會產(chǎn)生異常。由于 JavaScript 是單線程語言，一旦代碼報錯，后續(xù)的代碼就無法繼續(xù)執(zhí)行。因此，在這種情況下，我們需要添加 try-catch 來捕獲異步請求的異常，以確保代碼能夠繼續(xù)執(zhí)行。

? ? ? 但是，是否需要為所有的異步請求都添加 try-catch 呢？經(jīng)過研究發(fā)現(xiàn)，在我們的項目中，只有以下幾種情況需要添加 try-catch 處理：

1. 多個異步請求串行執(zhí)行，后一個請求需要前一個請求的結(jié)果作為參數(shù)。

2. 需要處理異步請求的 loading 狀態(tài)，確保請求完成后及時更新狀態(tài)。

? ? ? 那么，如何優(yōu)雅地處理異步請求中的 try-catch 呢？解決方案 使用 Promise 進(jìn)行處理 首先，需要明確一點：await 后面通常是一個 Promise 對象。因此，我們可以在 Promise 對象上使用 .catch 方法來捕獲異常。對于僅需處理 loading 狀態(tài)的情況，可以直接在 .catch 中進(jìn)行處理，并使用 if 條件判斷提前退出，無需寫冗余的 try-catch 代碼。

例如，處理 loading 狀態(tài)的異步請求可以改為：

使用 await-to-js 庫進(jìn)行處理 對于復(fù)雜的多個異步操作，我們可以借助 await-to-js 庫來優(yōu)雅地處理異常。這個庫的主要特點是：無需使用 try-catch 即可輕松處理錯誤。讓我們一起來看看它的用法。

首先，安裝 await-to-js 庫：

然后，引入 await-to-js 庫，并使用 to 函數(shù)來改造異步請求的異常處理：

通過 to 函數(shù)的改造，如果返回的第一個參數(shù)不為空，則說明該請求出錯，我們可以提前返回，否則表示異步請求成功。

總結(jié)：

本文通過研究 async/await 異常處理，發(fā)現(xiàn)了兩種常見的異常捕獲情況，并提出了兩種簡潔的解決方案。通過這些方法，我們可以擺脫冗余的 try-catch 代碼，讓代碼更加清晰易讀。

雖然在項目團(tuán)隊中可能會遇到有人不采用這種解決方案的情況，但你不必太過在意。通過自己的研究和學(xué)習(xí)，掌握新的知識已經(jīng)足夠了，無需過多關(guān)注他人的選擇。

希望本文對你有所幫助！如果你發(fā)現(xiàn)任何錯誤或有更好的解決方案和建議，請隨時聯(lián)系我。感謝閱讀本文，如果對你有幫助，請點贊和收藏??。讓我們一起在優(yōu)雅處理 async/await 異常的道路上不斷前行，共同成長！

轉(zhuǎn)載?/?合作?請聯(lián)系

Leo_class