捕获未处理的Promise错误方法
为了保证可读性，本文采用意译而非直译，并且对源代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。
使用Promise编写异步代码时，使用reject来处理错误。有时，开发者通常会忽略这一点，导致一些错误没有得到处理。例如：
functionmain(){
asyncFunc()
.then(···)
.then(()=>console.log('Done!'));
}
由于没有使用catch方法捕获错误，当asyncFunc()函数reject时，抛出的错误则没有被处理。
这篇博客将分别介绍在浏览器与Node.js中，如何捕获那些未处理的Promise错误。
浏览器中未处理的Promise错误
一些浏览器(例如Chrome)能够捕获未处理的Promise错误。
unhandledrejection
监听unhandledrejection事件，即可捕获到未处理的Promise错误：
window.addEventListener('unhandledrejection',event=>···);
这个事件是PromiseRejectionEvent实例，它有2个最重要的属性：
promise:reject的Promise
reason:Promise的reject值
示例代码：
window.addEventListener('unhandledrejection',event=>
{
console.log(event.reason);//打印"Hello,Fundebug!"
});
functionfoo()
{
Promise.reject('Hello,Fundebug!');
}
foo();
Fundebug的JavaScript错误监控插件监听了unhandledrejection事件，因此可以自动捕获未处理Promise错误。
rejectionhandled
当一个Promise错误最初未被处理，但是稍后又得到了处理，则会触发rejectionhandled事件：
window.addEventListener('rejectionhandled',event=>···);
这个事件是PromiseRejectionEvent实例。
示例代码：
window.addEventListener('unhandledrejection',event=>
{
console.log(event.reason);//打印"Hello,Fundebug!"
});
window.addEventListener('rejectionhandled',event=>
{
console.log('rejectionhandled');//1秒后打印"rejectionhandled"
});
functionfoo()
{
returnPromise.reject('Hello,Fundebug!');
}
varr=foo();
setTimeout(()=>
{
r.catch(e=>{});
},1000);
Node.js中未处理的Promise错误
监听unhandledRejection事件，即可捕获到未处理的Promise错误：
process.on('unhandledRejection',(reason,promise)=>···);
示例代码：
process.on('unhandledRejection',reason=>
{
console.log(reason);//打印"Hello,Fundebug!"
});
functionfoo()
{
Promise.reject('Hello,Fundebug!');
}
foo();
注:Node.jsv6.6.0+默认会报告未处理的Promise错误，因此不去监听unhandledrejection事件也没问题。
Fundebug的Node.js错误监控插件监听了unhandledRejection事件，因此可以自动捕获未处理Promise错误。
以上这篇捕获未处理的Promise错误方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。