函数出现错误处理

当给函数传的参数类型不正确，应该告知调用者一个错误,如果调用者没有对错误进行处理，那么程序会直接终止

function sum(num1, num2) {
  //当给函数传的参数类型不正确，应该告知调用者一个错误
  if(typeof num1 !== 'number' || typeof num2 !== 'number') {
    throw 'parameters must be a number'
  }
  return num1 + num2
}

//如果调用者没有对错误进行处理，那么程序会直接终止
console.log(sum({name: 'why'}, true))
console.log('这行代码不会执行')

image.png

抛出异常详解

1.抛出异常可以抛出一个基本数据类型

function foo(type) {
  console.log("foo函数开始执行");
  if (type === 0) {
    //1.抛出异常可以抛出一个基本数据类型
    throw 'type can not be zero'
  }
  console.log("foo函数结束执行");
}
foo(0);
console.log("后续代码执行");

image.png

2.比较常见的是抛出一个对象类型

function foo(type) {
  console.log("foo函数开始执行");
  if (type === 0) {
    //2.比较常见的是抛出一个对象类型
    throw {errorCode: -10001, errorMessage: 'type can not be zero'}
  }
  console.log("foo函数结束执行");
}
foo(0);
console.log("后续代码执行");

image.png

3.可以自创一个类，抛出这个类的对象

class HyError {
  constructor(errorCode, errorMessage) {
    this.errorCode = errorCode;
    this.errorMessage = errorMessage;
  }
}
function foo(type) {
  console.log("foo函数开始执行");
  if (type === 0) {
    //3.可以自创一个类，抛出这个类的对象
    throw new HyError(-10001, "type can not be zero");
  }
  console.log("foo函数结束执行");
}
foo(0);
console.log("后续代码执行");

image.png

4. 实际上Javascript已经为我们提供了一个Error类，我们可以直接常见这个类的对象

4.1Error包含三个属性：

• message:创建Error对象时传入的message
• name:Error的名称，一般和类的名称一致
• statck: 整个Error的错误信息，包括函数的调用栈，但我们直接打印Error对象时，打印的就是stack

function foo(type) {
  console.log("foo函数开始执行");
  if (type === 0) {

    //4.实际上Javascript已经为我们提供了一个Error类，我们可以直接常见这个类的对象
    throw new Error("type can not be zero");
  }
  console.log("foo函数结束执行");
}
foo(0);
console.log("后续代码执行");

image.png

4.2Error有一些自己的子类

• RangeError:下标值越界时使用的错误类型
• SyntaxError:解析语法错误时使用的错误类型
• TypeError:出现类型错误时，使用的错误类型
• throw new Error("type can not be zero");

function foo(type) {
  console.log("foo函数开始执行");
  if (type === 0) {

    //4.实际上Javascript已经为我们提供了一个Error类，我们可以直接常见这个类的对象
    throw new TypeError("type can not be zero");
  }
  console.log("foo函数结束执行");
}
foo(0);
console.log("后续代码执行");

image.png

异常的处理

我们会返现在之前的代码中，一个函数抛出了异常，调用它的时候程序会被强制终止：

• 这是因为如果我们在调用一个函数时，这个函数抛出了异常，但是我们并没有对这个异常进行处理，那么这个异常会继续传递到上一个函数调用中
• 而如果到了最顶层（全局）的代码中，依然没有对这个异常处理的代码，这个时候就会报错，并且终止程序的运行

我们先来看下下面的代码的异常传递过程:

function foo() {
  throw new Error("error ....");
}
function bar() {
  foo();
}
function baz() {
  bar();
}
function demo() {
  baz();
}


demo()

image.png

• foo函数在被执行时会抛出异常，也就是我们的bar函数会拿到这个异常；
• 但是bar函数并没有对这个异常进行处理，那么这个异常就会被继续传递到调用bar函数的函数baz
• 但是baz函数依然没有处理拿到的这个异常，就会继续把这个异常传递给调用baz的函数的函数demo;
• 但是demo函数依然没有处理拿到的这个异常，就会继续把这个异常传递给调用demo函数的全局代码逻辑中
• 全局代码逻辑中依然没有处理，这个时候程序会终止执行，后续代码都不会再执行了;

对异常的处理

function foo() {
  throw new Error("error ....");
}
function bar() {
  try {
    foo();
  } catch (error) {
    //如果foo函数执行抛出异常，不在执行foo()下面的代码，会执行catch里的代码
  } finally {
    //不管foo函数执行是否抛出异常，都会执行finally里的代码
  }
}
function baz() {
  bar();
}
function demo() {
  baz();
}

demo();

注意：

try {
    foo();
  } catch (error) {
    //如果foo函数执行抛出异常，不在执行foo()下面的代码，会执行catch里的代码
  } finally {
    //不管foo函数执行是否抛出异常，都会执行finally里的代码
  }

如果不需要异常的错误信息，可以省略(error)

try {
    foo();
  } catch {
    //如果foo函数执行抛出异常，不在执行foo()下面的代码，会执行catch里的代码
  } finally {
    //不管foo函数执行是否抛出异常，都会执行finally里的代码
  }