小編給大家分享一下如何捕獲未處理的Promise錯(cuò)誤方法,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
成都創(chuàng)新互聯(lián)公司是專業(yè)的同江網(wǎng)站建設(shè)公司,同江接單;提供網(wǎng)站建設(shè)、做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行同江網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
為了保證可讀性,本文采用意譯而非直譯,并且對源代碼進(jìn)行了大量修改。另外,本文版權(quán)歸原作者所有,翻譯僅用于學(xué)習(xí)。
使用Promise編寫異步代碼時(shí),使用reject來處理錯(cuò)誤。有時(shí),開發(fā)者通常會(huì)忽略這一點(diǎn),導(dǎo)致一些錯(cuò)誤沒有得到處理。例如:
function main() { asyncFunc() .then(···) .then(() => console.log('Done!')); }
由于沒有使用catch方法捕獲錯(cuò)誤,當(dāng)asyncFunc()函數(shù)reject時(shí),拋出的錯(cuò)誤則沒有被處理。
這篇博客將分別介紹在瀏覽器與Node.js中,如何捕獲那些未處理的Promise錯(cuò)誤。
瀏覽器中未處理的Promise錯(cuò)誤
一些瀏覽器(例如Chrome)能夠捕獲未處理的Promise錯(cuò)誤。
unhandledrejection
監(jiān)聽unhandledrejection事件,即可捕獲到未處理的Promise錯(cuò)誤:
window.addEventListener('unhandledrejection', event => ···);
這個(gè)事件是PromiseRejectionEvent實(shí)例,它有2個(gè)最重要的屬性:
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錯(cuò)誤監(jiān)控插件監(jiān)聽了unhandledrejection事件,因此可以自動(dòng)捕獲未處理Promise錯(cuò)誤。
rejectionhandled
當(dāng)一個(gè)Promise錯(cuò)誤最初未被處理,但是稍后又得到了處理,則會(huì)觸發(fā)rejectionhandled事件:
window.addEventListener('rejectionhandled', event => ···);
這個(gè)事件是PromiseRejectionEvent實(shí)例。
示例代碼:
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錯(cuò)誤
監(jiān)聽unhandledRejection事件,即可捕獲到未處理的Promise錯(cuò)誤:
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+ 默認(rèn)會(huì)報(bào)告未處理的Promise錯(cuò)誤,因此不去監(jiān)聽unhandledrejection事件也沒問題。
Fundebug的Node.js錯(cuò)誤監(jiān)控插件監(jiān)聽了unhandledRejection事件,因此可以自動(dòng)捕獲未處理Promise錯(cuò)誤。
看完了這篇文章,相信你對“如何捕獲未處理的Promise錯(cuò)誤方法”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)頁名稱:如何捕獲未處理的Promise錯(cuò)誤方法
文章源于:http://bm7419.com/article2/igieic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、微信小程序、網(wǎng)站設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站排名、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)