异常的捕获与处理

一、异常介绍

按键无法点击、元素不展示、页面白屏,这些都是我们前端不想看到的场景。在计算机程序运行的过程中,也总是会出现各种各样的异常。例如:页面元素异常(例如按钮无法点击、元素不展示),页面卡顿,页面白屏。

异常虽然不会导致计算机宕机,但是往往会导致用户的操作被阻塞。


二、异常分类

执行 JS 期间可能会发生的错误有很多类型。每种错误都有对应的错误类型,而当错误发生的时候就会抛出响应的错误对象。ECMA-262 中定义了下列 7 种错误类型:
在这里插入图片描述


三、异常捕获

1 window.onerror
在这里插入图片描述

2 静态资源加载异常
在这里插入图片描述
在这里插入图片描述

3 Promise 异常
在这里插入图片描述

4 React 异常
在这里插入图片描述
在这里插入图片描述

5 Vue 异常
在这里插入图片描述

6 请求异常
在这里插入图片描述
在这里插入图片描述

7 总结
在这里插入图片描述


四、异常上报

我们不可能每次都远程给用户解决问题,或者让用户按 F12 打开浏览器控制台把错误信息截图给我们吧。这时候,我们不得不借助一些工具来解决这一系列令人头疼的问题。

前端错误监控日志系统就应用而生。当前端代码在生产运行中出现错误的时候,第一时间传递给监控系统,从而第一时间定位并且解决问题。

有很多成熟的方案可供选择: ARMS、fundebug、BadJS、Sentry。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:C马雯娟 返回首页