拦截全局的 Promise unhandledRejection 错误,并阻止控制台输出

在 promise 中使用 catch 可以非常方便的捕获到异步 error ,没有写 catch 的 Promise 中抛出的错误无法被 onerror 捕获?,所以我们务必要在 Promise 中不要忘记写 catch 处理抛出的异常。

  • try catch
try {
  new Promise((resolve, reject) => {
	reject('WTF 123')
  })
} catch (e) {
  throw e
}
  • Promise.reject
Promise.reject('123')

解决方案: 为了防止有漏掉的 Promise 异常,建议在全局增加一个对 unhandledrejection 的监听,用来全局监听 Uncaught Promise Error
使用方式:

  1. uncaught library
  2. code
/**
 * @see {@link https://www.cnblogs.com/givingwu/p/10749094.html}
 * @see {@link https://www.tapd.cn/22860331/bugtrace/bugs/view/1122860331001020020}
 * fix: #1020020 处理控制台报错 `Uncaught (in promise)`
 */
window.addEventListener('unhandledrejection', function browserRejectionHandler(
  event
) {
  event && event.preventDefault()
})

[REFERENCES]

posted @ 2019-04-22 11:23  月光宝盒造梦师  阅读(7064)  评论(0编辑  收藏  举报