当前位置：首页 > 资讯 > 技术文档

捕获未处理的Promise错误方法

时间：2020-07-05 15:22 编辑：来源：阅读：
扫一扫，手机访问

摘要：捕获未处理的Promise错误方法

[b]为了保证可读性，本文采用意译而非直译，并且对源代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。[/b] 使用Promise编写异步代码时，使用reject来处理错误。有时，开发者通常会忽略这一点，导致一些错误没有得到处理。例如：

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

由于没有使用catch方法捕获错误，当asyncFunc()函数reject时，抛出的错误则没有被处理。这篇博客将分别介绍在浏览器与Node.js中，如何捕获那些未处理的Promise错误。 [b]浏览器中未处理的Promise错误[/b] 一些浏览器(例如Chrome)能够捕获未处理的Promise错误。 [b]unhandledrejection[/b] 监听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错误监控插件监听了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('rejection handled'); // 1秒后打印"rejection handled"
});
 
 
function foo()
{
return Promise.reject('Hello, Fundebug!');
}
 
var r = foo();
 
setTimeout(() =>
{
r.catch(e =>{});
}, 1000);

[b]Node.js中未处理的Promise错误[/b] 监听unhandledRejection事件，即可捕获到未处理的Promise错误： process.on('unhandledRejection', (reason, promise) => ···); 示例代码：

process.on('unhandledRejection', reason =>
{
console.log(reason); // 打印"Hello, Fundebug!"
});
 
function foo()
{
Promise.reject('Hello, Fundebug!');
}
 
foo();

[b]注: Node.js v6.6.0+ 默认会报告未处理的Promise错误，因此不去监听unhandledrejection事件也没问题。[/b] Fundebug的Node.js错误监控插件监听了unhandledRejection事件，因此可以自动捕获未处理Promise错误。以上这篇捕获未处理的Promise错误方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：SQL SERVER 与ACCESS、EXCEL的数据转换方法分享
下一篇：asp.net基于Web Service实现远程上传图片的方法

资讯排行榜
更多>>