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

Posted 2021-02-17 givingwu

在 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

// Listen to uncaught promises rejections
window.addEventListener('unhandledrejection', function browserRejectionHandler (event) {
  // **阻止控制台输出**，需要加上：
  event.preventDefault()
  console.log('捕获到异常：', e)
});

[REFERENCES]

• 如何优雅的处理异常
• uncaught library