ES5及ES6的自定义错误类型实现

短命女 2023-07-17 15:52 20阅读 0赞

### 关于JS中自定义错误类型的一些建议 ###

在开发前端项目，调试过程中，经常能看到一些抛出异常的错误提示。这些错误提示的抛出，意味着代码运行的中止。

#### 为什么我们需要自定义自己的错误类型呢 ####

很多做前端可能很少会接触自定义错误类型，貌似挺高深，其实不然。 也就是在检测到异常时，抛出错误而已。

检测异常？ 抛出错误？ 怎么检测法，挺高深，怎么抛出法，好像都有点吓人。  
说点人话，检测无非就`if else`  
抛出，无非是执行某个抛出语法罢了`throw <ERR>`。

抛出异常，挺吓人的，普通用户看着也吓人，为啥不使用友好一点的，比如if+弹窗提示呢。  
看应用场合。如果你开发的一个半成品，比如某个JS库，某个框架，那么很多时候，为了防止二次开发时出现错误，必须强制把错误抛出，避免引起进一步的错误。

当然，有时，我们希望抛出的错误别太吓人，人性化一点，怎么办呢？可以用`try + catch` 进行捕获错误类型。

#### 如何定义自定错误类型呢 ####

ES5中定义

function MyError(message) { 
        // 实例化自定义错误时所传的错误信息参数
        this.message = message
        // name 指明该错误类型（同时在控制台所打印的错误类型即由此字段指明），不指明默认为Error。
        this.name = 'MyError'
        // 捕获到当前执行环境的堆栈追踪信息，为自定义错误实例添加 `stack` 字段进行保存，
        // 第二个参数的含义为：堆栈追踪只会展示到`MyError`这个函数（即自定义错误的构造函数）被调用之前。
        Error.captureStackTrace(this, MyError) 
    }
    
    // 原型链继承
    MyError.prototype = new Error 
    // 在自定义错误的原型上添加构造器函数为CustomError，
    // 若不添加构造器，当获取自定义错误的构造器时，获取的是上一步`new Error`实例的原型的构造器，即`Error`构造函数
    MyError.prototype.constructor = MyError

ES6中定义

class MyErrorextends Error { 
        constructor (message) { 
            super(message)
            this.name = 'MyError',
            // 这一步可不写，默认会保存堆栈追踪信息到自定义错误构造函数之前，
            // 而如果写成 `Error.captureStackTrace(this)` 则自定义错误的构造函数也会被保存到堆栈追踪信息
            Error.captureStackTrace(this, this.constructor)
        }
    }

### 如何使用 ###

关键就是执行`throw new MyError('some error message')`  
就能实现抛出错误

function mythrow() { 
    	// 这就是抛出异常
        throw new CustomError('something bad happened!')
    }
    
    // 执行抛出异常
    mythrow()

这样程序将终止，并抛出异常。  
前面说的，可以人性化一点使用`try + catch`，怎么做呢

try { 
    	// 一些代码...
    	if(a==b) mythrow() // 这叫异常检测哦
    } catch(err) { 
            console.log('Capture the error:')
            console.log(err.stack) // 打印堆栈追踪信息
            console.log(err instanceof CustomError, err instanceof Error) // 错误是否为（或继承自）CustomError 和 Error 类型
            console.log(err.constructor.name) // 自定义错误的构造器名称
    }

> 当然，可以使用 console.warn, console.error 打印不同级别的显示信息