stefanzan分享 http://blog.sciencenet.cn/u/stefanzan

博文

捕获未处理的Promise错误

已有 212 次阅读 2017-10-12 11:08 |个人分类:debug|系统分类:博客资讯|关键词:javascript

译者按: 通过监听unhandledrejection事件,可以捕获未处理的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();

FundebugJavaScript错误监控插件监听了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"
});
functionfoo()
{
returnPromise.reject('Hello, Fundebug!');
}
var r = 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.js v6.6.0+ 默认会报告未处理的Promise错误,因此不去监听unhandledrejection事件也没问题。

FundebugNode.js错误监控插件监听了unhandledRejection事件,因此可以自动捕获未处理Promise错误。

参考







http://blog.sciencenet.cn/blog-811611-1080329.html

上一篇:我的高质量软件发布心得
下一篇:Async/Await是这样简化JavaScript代码的
收藏 分享 举报

0

该博文允许注册用户评论 请点击登录 评论 (0 个评论)

数据加载中...

Archiver|手机版|科学网 ( 京ICP备14006957 )

GMT+8, 2017-10-23 19:35

Powered by ScienceNet.cn

Copyright © 2007-2017 中国科学报社

返回顶部