您好,登錄后才能下訂單哦!
小編給大家分享一下如何捕獲未處理的Promise錯誤方法,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
為了保證可讀性,本文采用意譯而非直譯,并且對源代碼進行了大量修改。另外,本文版權歸原作者所有,翻譯僅用于學習。
使用Promise編寫異步代碼時,使用reject來處理錯誤。有時,開發(fā)者通常會忽略這一點,導致一些錯誤沒有得到處理。例如:
function main() { asyncFunc() .then(···) .then(() => console.log('Done!')); }
由于沒有使用catch方法捕獲錯誤,當asyncFunc()函數(shù)reject時,拋出的錯誤則沒有被處理。
這篇博客將分別介紹在瀏覽器與Node.js中,如何捕獲那些未處理的Promise錯誤。
瀏覽器中未處理的Promise錯誤
一些瀏覽器(例如Chrome)能夠捕獲未處理的Promise錯誤。
unhandledrejection
監(jiān)聽unhandledrejection事件,即可捕獲到未處理的Promise錯誤:
window.addEventListener('unhandledrejection', event => ···);
這個事件是PromiseRejectionEvent實例,它有2個最重要的屬性:
promise: reject的Promise
reason: Promise的reject值
示例代碼:
window.addEventListener('unhandledrejection', event => { console.log(event.reason); // 打印"Hello, Fundebug!" }); function foo() { Promise.reject('Hello, Fundebug!'); } foo();
Fundebug的JavaScript錯誤監(jiān)控插件監(jiān)聽了unhandledrejection事件,因此可以自動捕獲未處理Promise錯誤。
rejectionhandled
當一個Promise錯誤最初未被處理,但是稍后又得到了處理,則會觸發(fā)rejectionhandled事件:
window.addEventListener('rejectionhandled', event => ···);
這個事件是PromiseRejectionEvent實例。
示例代碼:
window.addEventListener('unhandledrejection', event => { console.log(event.reason); // 打印"Hello, Fundebug!" }); window.addEventListener('rejectionhandled', event => { console.log('rejection handled'); // 1秒后打印"rejection handled" }); function foo() { return Promise.reject('Hello, Fundebug!'); } var r = foo(); setTimeout(() => { r.catch(e =>{}); }, 1000);
Node.js中未處理的Promise錯誤
監(jiān)聽unhandledRejection事件,即可捕獲到未處理的Promise錯誤:
process.on('unhandledRejection', (reason, promise) => ···);
示例代碼:
process.on('unhandledRejection', reason => { console.log(reason); // 打印"Hello, Fundebug!" }); function foo() { Promise.reject('Hello, Fundebug!'); } foo();
注: Node.js v6.6.0+ 默認會報告未處理的Promise錯誤,因此不去監(jiān)聽unhandledrejection事件也沒問題。
Fundebug的Node.js錯誤監(jiān)控插件監(jiān)聽了unhandledRejection事件,因此可以自動捕獲未處理Promise錯誤。
看完了這篇文章,相信你對“如何捕獲未處理的Promise錯誤方法”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。