JavaScript：错误处理机制

Posted 2020-10-16 why_not_try

1.Error()构造函数

javascript解析或执行语句时，一旦发生错误，js引擎会将其抛出！

JavaScript原生提供了Error()构造函数，所有抛出的错误都是这个构造函数的实例（即对象）。

1 var err1=new Error(\'shows error\');
2 console.log(err1);
3 console.log(err1.message);

运行结果：

err1是由Error()构造函数产生的一个实例对象；对象中有所有javascript引擎都提供的message属性！

当代码运行或解析发生错误时，js引擎会抛出错误，程序中断在错误发生的地方，不再往下执行！

有些js引擎还提供错误对象的name和stack属性。但是记住它们不是标准的，不一定每个js引擎均提供！

• message:错误提示信息
• name：错误名称（非标准属性）
• stack:错误的堆栈（非标准属性）

1 var err2=new Error(\'this is error 2\');
2 console.log(err2.message);//this is error 2
3 console.log(err2.name);//Error
4 console.log(err2.stack);//Error: this is error 2   at 7.js:5

运行结果：

 

2.javascript原生错误构造函数

除了Error()，js还定义了6个更详细的构造函数：

1. SyntaxError()：语法错误
2. ReferenceError()：引用错误
3. RangeError()：超出有效范围错误
4. TypeError()：类型错误
5. URIError()：URI错误
6. EvalError()：eval函数没有被正确执行错误。注意：该构造函数在ES5中不再出现，现在有些地方依然保留，只是为了兼容性！

1 var err3=new Error(\'出错了\');
2 var err4=new SyntaxError(\'语法错误\');
3 var err5=new ReferenceError(\'引用错误\');
4 var err6=new RangeError(\'范围超出错误\');
5 var err7=new TypeError(\'类型错误\');
6 var err8=new URIError(\'URI错误\');
7 var err9=new EvalError(\'eval函数使用错误\');
8 console.log(err3,err4,err5,err6,err7,err8,err9);
9 console.log(typeof Error,typeof SyntaxError);//function function

运行结果：

 

3.自定义错误对象（除javascript中内建的7种构造函数创建错误对象）

 1 function ErrorA(message){
 2     this.message= message || \'错误\';
 3     this.name=\'ErrorA\';
 4 }
 5 //使ErrorA继承Error
 6 ErrorA.prototype=new Error();
 7 ErrorA.prototype.constructor=ErrorA;
 8 
 9 var err10=new ErrorA(\'产生了ErrorA错误对象\');
10 console.log(err10);

运行结果：

 

4.throw语句：接收一个表达式作为参数，抛出错误或意外，中断程序执行！

常用用法如：throw new Error(\'此处出错\');

1 var a=100;
2 console.log(a);
3 throw new Error(\'error shows\');//程序中断在这里，不会往下执行
4 console.log(1000);//程序执行不到这里

运行结果：

 

模拟一下console对象的assert方法：即传入的参数不是正确的表达式，就抛出错误。

1 console.log(\'---\');
2 function assert(expression,message){
3     if(!expression){
4         throw {name:\'Assert function\',meaage:message};
5     }
6 }
7 assert(100,\'error shows 1\');//此时没出错
8 assert(undefined,\'error shows 2\');//此时出错

运行结果：

 

使用console.assert()：

 

5.try...catch语句：对错误进行处理；结构有try，一般就要有catch。finnally不必须！

当try中抛出一个错误，程序立马跳转到catch中执行。

如下示例：try中抛出多个错误，但只有第一个错误被捕获！

1 console.log(\'---\');
2 try{
3     throw new TypeError(\'类型错误\');//跳转到catch中进行捕获
4     throw new RangeError(\'范围超出错误\');//不会执行
5 }catch(e){
6         console.log(e);    
7 }finally{
8     console.log(\'finnally\');
9 }

运行结果：

 

相应的，在catch中还可以嵌套语句（如：try...catch）

 1 console.log(\'---\');
 2 try{
 3     throw new TypeError(\'类型错误\');//跳转到catch中进行捕获
 4     throw new RangeError(\'范围超出错误\');//不会执行
 5 }catch(e){
 6     if(e instanceof RangeError){
 7         console.log(e); 
 8     }else{
 9         //嵌套了try...catch语句
10         try{
11             throw e;
12         }catch(e){
13             if(e instanceof TypeError){
14                 console.log(\'嵌套\');
15                 console.log(e.message);
16             }else{
17                 throw e;//如果还不符合条件，继续抛出，可以继续进行嵌套
18             }
19         }
20     }
21            
22 }finally{
23     console.log(\'finnally\');
24 }

运行结果：

 

注意：try...catch语句处理不当，容易造成结构化编程原则的破坏。谨慎使用！！！

 

 如果catch中有return，注意执行结果：

 1 console.log(\'---\');
 2 var a=10;
 3 function test(){
 4     try{
 5         throw a;
 6         return a+\'1\';//+\'1\'分辨出从哪里返回的值
 7     }catch(e){
 8         return a;//在finally执行之前已经将返回值保存下来了，执行完finnally后，立即返回保存的值
 9     }finally{
10         a+=10;
11     }
12 }
13 console.log(test());//10
14 console.log(a);//20

运行结果：

 

参考：阮一峰JavaScript标准参考教程