JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError-前端开发

JavaScript错误处理try..catch...finally+涵盖throw+TypeError+RangeError 目录 1.用途 2.语法 3.实操 1.用途通常,如果发生错误,脚本就会立即停止,并在控制台将错误打印出来. 有了这个语句就可以捕获错误并执行合理操作,可以让程序继续执行下去 2.语法 try { // 代

1.用途

通常，如果发生错误，脚本就会立即停止，并在控制台将错误打印出来。

有了这个语句就可以捕获错误并执行合理操作，可以让程序继续执行下去

2.语法


try {
  // 代码...
} catch (err) {
   //err是有关错误详细信息的对象
  // 错误捕获，上面代码报错就会转到这个代码块，而不会停止运行
} finally {
   //无论是否有异常抛出或捕获它总是执行
}

这种语句可以嵌套

3.实操

Catch 捕获所有 error。

如果我们不知道如何处理它，那我们就 throw err。

throw 操作符会生成一个 error 对象。

用来抛出一个用户自定义的异常。当前函数的执行将被停止（throw之后的语句将不会执行），并且控制将被传递到调用堆栈中的第一个Catch块。如果调用者函数中没有catch块，程序将会终止。

示例：


throw "Error1"; // 抛出了一个值为字符串的异常
throw 4;       // 抛出了一个值为整数4的异常

/*JavaScript 中有很多内建的标准 error 的构造器：Error，SyntaxError，ReferenceError，TypeError 等。我们也可以使用它们来创建 error 对象。*/
let error = new Error("Things happen o_O");
alert(error.name); // Error
alert(error.message); // Things happen o_O
//json的异常
try {
  JSON.parse("{ bad json o_O }");
} catch(e) {
  alert(e.name); // SyntaxError
  alert(e.message); // Unexpected token b in JSON at position 2
}

补充：

try块的代码可能会抛出三种异常：TypeError，RangeError，SyntaxError

有同学可能不知道这三个的意思，这里说明下

这两个都是全局对象，全局的对象本身不包含任何方法, 然而它通过原型链继承了一些方法.

instanceof 操作符用于判断错误类型：

TypeError：（类型错误）对象用来表示值的类型非预期类型时发生的错误
RangeError：对象标明一个错误，当一个值不在其所允许的范围或者集合中
SyntaxError：当Javascript语言解析代码时,Javascript引擎发现了不符合语法规范的tokens或token顺序时抛出

实例：


catch (e) {//以下是这个对象的参数属性
  console.log(e instanceof TypeError); // true
  console.log(e.message);              // "描述此错误"
  console.log(e.name);                 // "TypeError"
  console.log(e.fileName);             // "引起该异常的代码所在的文件的名字"
  console.log(e.lineNumber);           // 引起该异常的代码的行号
}