為什么前端開發(fā)者都不用 try-catch 了？
作者：JavaScript
JavaScript 正為 Promise 添加一個新的方法，使得處理異步函數(shù)更加清晰和安全。Promise.try 允許將任何函數(shù)包裝在 Promise 中，無論它是否異步。
JavaScript 正為 Promise 添加一個新的方法，使得處理異步函數(shù)更加清晰和安全。Promise.try 允許將任何函數(shù)包裝在 Promise 中，無論它是否異步。
核心問題：
try-catch 主要用于同步代碼塊，它可以捕獲在 try 塊中拋出的同步錯誤。
try {
// 同步代碼
throw new Error("Sync error");
} catch (e) {
console.error(e.message); // 捕獲到錯誤
}但對于在 try 塊中調(diào)用了異步操作（如 setTimeout、Promise 等），那么異步操作中的錯誤不會被同一 try-catch 語句捕獲，因為它們是在事件循環(huán)的下一個周期中執(zhí)行的。
function asyncFunction() {
return new Promise((resolve, reject) => {
try {
setTimeout(() => {
throw new Error("Async error");
}, 1000);
} catch (e) {
console.error(e.message); // 不會捕獲到錯誤
reject(e);
}
});
}在這個例子中，try/catch 實際上是多余的，因為異步操作中的錯誤不會被 try/catch 捕獲。
這使得在處理異步操作時，我們不得不在每個可能拋出錯誤的地方都添加 try-catch 塊，這不僅增加了代碼的復(fù)雜度，而且容易導(dǎo)致錯誤的遺漏：
function asyncFunction() {
return new Promise((resolve, reject) => {
try {
setTimeout(() => {
try {
throw new Error("Async error");
} catch (e) {
console.error('FedJavaScript', e.message); // 捕獲到錯誤
reject(e)
}
}, 1000);
} catch (e) {
console.error(e.message); // 不會捕獲到錯誤
reject(e);
}
});
}這代碼很不優(yōu)雅！
解決方案：Promise.try
Promise.try 為我們提供了一種處理該情況的簡潔方法：
Promise.try(() => {
// 同步代碼
throw new Error("Sync error");
}).catch(e => {
console.error(e.message); // 捕獲到錯誤
});
Promise.try(() => {
// 異步代碼
return new Promise((resolve, reject) => {
setTimeout(() => {
throw new Error("Async error");
}, 1000);
});
}).catch(e => {
console.error(e.message); // 捕獲到錯誤
});允許我們以更一致的方式處理異步操作的錯誤，尤其是在使用 Promises 時。
Promise.try 的優(yōu)點：
- 簡潔性：Promise.try 讓我們可以直接在一個函數(shù)中處理同步操作，而無需額外的 new Promise 包裝或 try...catch 塊
- 一致性：無論是同步還是異步操作，使用相同的錯誤處理機制可以減少代碼風(fēng)格的不一致，使整個項目更加統(tǒng)一
- 易用性：對于初學(xué)者來說，理解 Promise.try 比學(xué)習(xí)如何正確地組合 new Promise 和 try...catch 更加直觀
參考：https://tc39.es/ecma262/#sec-promise.try
責(zé)任編輯：趙寧寧
來源：
JavaScript
