本文大部分内容引用自 ： https://my.oschina.net/u/4377611/blog/3564459

WechatIMG231.jpeg

错误产生原因

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

  • try catch

    1. try {
    2. new Promise((resolve, reject) => {
    3.   reject('WTF 123')
    4. })
    5. } catch (e) {
    6. throw e
    7. }

  • Promise.reject

    1. Promise.reject('123')

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

扩展： unhandledrejection： https://developer.mozilla.org/zh-CN/docs/Web/Events/unhandledrejection

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