为了保证可读性,本文采用意译而非直译,并且对源代码进行了大量修改。另外,本文版权归原作者所有,翻译仅用于学习。
使用promise编写异步代码时,使用reject来处理错误。有时,开发者通常会忽略这一点,导致一些错误没有得到处理。例如:
function main() { 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!" }); 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);
node.js中未处理的promise错误
监听unhandledrejection事件,即可捕获到未处理的promise错误:
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+ 默认会报告未处理的promise错误,因此不去监听unhandledrejection事件也没问题。
fundebug的node.js错误监控插件监听了unhandledrejection事件,因此可以自动捕获未处理promise错误。
以上这篇捕获未处理的promise错误方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
2020-07-21 html5如何监听veido的全屏 + css的字体间距 + JS的window.open() + 软技能svn与git
html+css+js适合前端小白的实战全解(超详细)——2048小游戏(二)
在使用@angular/cli创建的angular项目上添加postcss等一系列移动端自适应插件
网友评论