捕获未处理的Promise错误

一个新手

Lepaskan： 2017-10-13 09:21:23

asal

2154 orang telah melayarinya

通过监听unhandledrejection事件，可以捕获未处理的Promise错误。

为了保证可读性，本文采用意译而非直译，并且对源代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。

使用Promise编写异步代码时，使用reject来处理错误。有时，开发者通常会忽略这一点，导致一些错误没有得到处理。例如：

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

Salin selepas log masuk

由于没有使用catch方法捕获错误，当asyncFunc()函数reject时，抛出的错误则没有被处理。

这篇博客将分别介绍在浏览器与Node.js中，如何捕获那些未处理的Promise错误。

浏览器中未处理的Promise错误

一些浏览器(例如Chrome)能够捕获未处理的Promise错误。

unhandledrejection

监听unhandledrejection事件，即可捕获到未处理的Promise错误：

window.addEventListener(
&#39;unhandledrejection&#39;, event => ···);

Salin selepas log masuk

这个事件是PromiseRejectionEvent实例，它有2个最重要的属性：

promise: reject的Promise
reason: Promise的reject值

示例代码：

window.addEventListener(&#39;unhandledrejection&#39;, event =>
{
console.log(event.reason); // 打印"Hello, Fundebug!"
});
 
function foo()
{
Promise.reject(&#39;Hello, Fundebug!&#39;);
}
 
foo();

Salin selepas log masuk

Fundebug的JavaScript错误监控插件监听了unhandledrejection事件，因此可以自动捕获未处理Promise错误。

rejectionhandled

当一个Promise错误最初未被处理，但是稍后又得到了处理，则会触发rejectionhandled事件：

window.addEventListener(
&#39;rejectionhandled&#39;, event => ···);

Salin selepas log masuk

这个事件是PromiseRejectionEvent实例。

示例代码：

window.addEventListener(&#39;unhandledrejection&#39;, event =>
{
console.log(event.reason); // 打印"Hello, Fundebug!"
});
 
window.addEventListener(&#39;rejectionhandled&#39;, event =>
{
console.log(&#39;rejection handled&#39;); // 1秒后打印"rejection handled"
});
 
 
function foo()
{
return Promise.reject(&#39;Hello, Fundebug!&#39;);
}
 
var r = foo();
 
setTimeout(() =>
{
r.catch(e =>{});
}, 1000);

Salin selepas log masuk

Node.js中未处理的Promise错误

监听unhandledRejection事件，即可捕获到未处理的Promise错误：

process.on(
&#39;unhandledRejection&#39;, (reason, promise) => ···);

Salin selepas log masuk

示例代码：

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

Salin selepas log masuk

Atas ialah kandungan terperinci 捕获未处理的Promise错误 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!