JS中对错误的处理方案

243 阅读3分钟

引言,关于错误的处理方案

开发中我们会封装一些工具函数,封装之后给别人使用。在其他人使用的过程中,可能会传递一些参数,对于函数来说,需要对这些参数进行验证,否则可能得到的是我们不想要的结果。

很多时候我们可能验证到不是希望得到的参数时,就会直接return。但是return存在很大的弊端:调用者不知道是因为函数内部没有正常执行,还是执行结果就是一个undefined。事实上,正确的做法应该是如果没有通过某些验证,那么应该让外界知道函数内部报错了。

如何可以让一个函数告知外界自己内部出现了错误呢?通过throw关键字,抛出一个异常。

throw语句

throw语句用于抛出一个用户自定义的异常,当遇到throw语句时,当前的函数执行会被终止(throw后面的语句不会执行),如果我们执行代码就会报错,拿到错误信息的时候,我们可以及时的去修正代码。

/**
 * 如果我们有一个函数,在调用这个函数时,出现了错误,那么我们应该是去修复这个错误
 */

function sum(num1,num2){
  if(typeof num1 !== "number" || typeof num2 !== "number"){
    throw "parameter is error type"
    console.log('后续的代码');  //代码没意义
  }
  return num1 + num2
}
//调用者(如果没有对错误进行处理,那么程序就会直接终止)
sum(true,{name:'harry'})

console.log('后续的代码');  //代码不执行

关于throw抛出异常的补充

强调:如果函数中抛出了异常,那么后续的代码都不会执行了

抛出一个基本类型

function foo(type){
  if(type === 0){
    //1.抛出来一个字符串类型(基本的数据类型)
    // throw 100
    throw "type不能为0"
  }
}

foo(0)
console.log('后续的代码');

抛出一个对象类型(克服字符串太局限的缺点)

function foo(type){
  if(type === 0){
    throw {errCode:-1001,errorMessage:"type不能为0~"}
  }
}

foo(0)
console.log('后续的代码');

创建类,并且创建这个类对应的对象

class HYError{
  constructor(errCode,errMessage){
    this.errCode = errCode
    this.errMessage = errMessage
  }
}

function foo(type){
  if(type === 0){
    throw new HYError(-10001,"type不能为0")
  }
}

foo(0)
console.log('后续的代码');

JS默认提供了一个类Error,但是它只有errormessage

function foo(type){
  if(type === 0){
    throw new Error("type不能为0") //它后面跟了很多信息是调用栈的信息
  }
}

foo(0)
console.log('后续的代码');

Error的子类

Error有一些自己的子类

  • RangeError:下标值越界时使用的错误类型
  • SyntaxError:解析语法错误时使用的错误类型
  • TypeError:出现类型错误时,使用的错误类型
function foo(type){
  if(type === 0){
    //Error类的子类
    const err = new TypeError("类型错误")
    throw err
  }
}

foo(0)
console.log('后续的代码');

Error包含的属性

Error包含三个属性

  • messsage:创建Error对象时传入的message
  • name:Error的名称,通常和类的名称一致
  • stack:整个Error的错误信息,包括函数的调用栈,当我们直接打印Error对象时,打印的就是stack
const err = new Error("zhe是个错误消息")
console.log(err.name);
console.log(err.stack);

对抛出的异常进行处理

两种处理方法:

  1. 第一种是不处理,那么异常会进一步的抛出,直到最顶层的调用,如果在最顶层也没用对整个异常进行处理,那么我们的程序就会终止执行,并且报错。
  2. 使用try catch捕获异常
function foo(){
  throw new Error("foo error message")
}

function bar(){
  try{
    foo()
  }catch(err){ //es10开始后catch后面的(err)可以省略
    console.log("err:",err.message);
  }finally{
    console.log('不管发生了异常还是没法说,这里都要执行');
  }
}

function test(){
  bar()
}

function demo(){
  test()
}
demo()