JavaScript错误处理try..catch...finally,涵盖throw,TypeError,RangeError

856 阅读2分钟

用途

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

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

语法

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

这种语句可以嵌套

实操

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);           // 引起该异常的代码的行号
}
  • 公_号❤;前端老实人,可以一起跟小伙伴交流学习哦!