JavaScript错误处理try..catch...finally，涵盖throw，TypeError，RangeError#yyds干货盘点#

Posted 2021-12-28 前端老实人

用途

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

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

语法

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);           // 引起该异常的代码的行号

• 公_号❤；前端老实人，可以一起跟小伙伴交流学习哦！