小編給大家分享一下如何捕獲未處理的Promise錯(cuò)誤方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司是專(zhuān)業(yè)的同江網(wǎng)站建設(shè)公司，同江接單;提供網(wǎng)站建設(shè)、做網(wǎng)站,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行同江網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

為了保證可讀性，本文采用意譯而非直譯，并且對(duì)源代碼進(jìn)行了大量修改。另外，本文版權(quán)歸原作者所有，翻譯僅用于學(xué)習(xí)。

使用Promise編寫(xiě)異步代碼時(shí)，使用reject來(lái)處理錯(cuò)誤。有時(shí)，開(kāi)發(fā)者通常會(huì)忽略這一點(diǎn)，導(dǎo)致一些錯(cuò)誤沒(méi)有得到處理。例如：

function main() {
asyncFunc()
.then(···)
.then(() => console.log('Done!'));
}

由于沒(méi)有使用catch方法捕獲錯(cuò)誤，當(dāng)asyncFunc()函數(shù)reject時(shí)，拋出的錯(cuò)誤則沒(méi)有被處理。

這篇博客將分別介紹在瀏覽器與Node.js中，如何捕獲那些未處理的Promise錯(cuò)誤。

瀏覽器中未處理的Promise錯(cuò)誤

一些瀏覽器(例如Chrome)能夠捕獲未處理的Promise錯(cuò)誤。

unhandledrejection

監(jiān)聽(tīng)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)聽(tīng)了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)聽(tīng)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)聽(tīng)unhandledrejection事件也沒(méi)問(wèn)題。

Fundebug的Node.js錯(cuò)誤監(jiān)控插件監(jiān)聽(tīng)了unhandledRejection事件，因此可以自動(dòng)捕獲未處理Promise錯(cuò)誤。

看完了這篇文章，相信你對(duì)“如何捕獲未處理的Promise錯(cuò)誤方法”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！