绑定 unhandledrejection 事件，处理未显式捕获的Promise异常

最新推荐文章于 2024-12-24 09:27:35 发布

tanleiDD

最新推荐文章于 2024-12-24 09:27:35 发布

阅读量4.6k

点赞数 2

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/TL18382950497/article/details/114946606

版权

前端专栏收录该内容

69 篇文章

订阅专栏

本文介绍了如何绑定JavaScript中的unhandledrejection事件来处理未显式捕获的Promise异常。通过绑定该事件，可以捕获到那些没有被 catch 块处理的Promise错误，并提供了测试案例及注意事项，强调只能捕获未显式处理的异常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

绑定方式

其一

window.addEventListener("unhandledrejection", event => {
  console.warn(`UNHANDLED PROMISE REJECTION: ${event.reason}`);
});

其二

window.onunhandledrejection = event => {
  console.warn(`UNHANDLED PROMISE REJECTION: ${event.reason}`);
};

触发测试

Promise.reject('test').then()

在这里插入图片描述
捕获成功，但是仍然默认有报错提示，使用如下手段进行阻止默认行为

window.addEventListener("unhandledrejection", event => {
  console.warn(`UNHANDLED PROMISE REJECTION: ${event.reason}`);
  event.preventDefault()
  // 通过addEventListener绑定的事件，不能通过return false来阻止默认行为
});

window.onunhandledrejection = event => {
  console.warn(`UNHANDLED PROMISE REJECTION: ${event.reason}`);
  event.preventDefault()
  // 或 return false
};

结果如下
在这里插入图片描述

注意事项

unhandledrejection 只能捕获未显式处理的Promise异常，如下

// 能触发 unhandledrejection ，因为未显式处理
Promise.reject('test').then()

// 能触发 unhandledrejection ，因为未显式处理
Promise.reject('test').then(console.log)

// 不能触发 unhandledrejection ，因为已处理
Promise.reject('test').then(console.log, console.log)

// 不能触发 unhandledrejection ，因为没处理，直接抛出异常
Promise.reject('test')