前端开发不得不知道的异常捕获技巧

前端宇宙

共 7515字,需浏览 16分钟

 ·

2020-12-17 21:01

作为一个前端开发人员,每次看到浏览器控制台信息里面红通通的报错信息是不是都很紧张......不要怕,下面我们就来讨论一下前端的异常捕获。

异常捕获,相对于其他知识点可能没那么被重视,特别是对于前端程序员。但不得不说,这又是一个不得不面对的知识点。

为什么要捕获异常

首先,我们为什么要进行异常捕获和上报呢?

正所谓百密一疏,用程序员的话来说就是:天下不存在没有bug的程序(不接受反驳 ? )。即使经过各种测试,还是会存在十分隐蔽的bug,这种不可预见的问题只有通过完善的监控机制才能有效的减少其带来的损失。因此,对于最接近用户的前端来说,为了能远程定位问题、增强用户体验,异常的捕获和上报至关重要。

目前市面上已经有一些非常完善的前端监控系统存在,如Fundebug、Bugsnag等,虽然这些已经能做到帮我们实时监控生产环境的异常,但是如果我们不了解异常是如何产生的,又怎么能得心应手的定位并处理问题呢?

对于JS而言,我们面对的仅仅只是异常,异常的出现不会直接导致JS引擎崩溃,最多只是终止当前代码的执行。下面来解释一下这句话: