JavaScript中的try...catch和异常处理(转)

简介: 在JavaScript可以使用try...catch来进行异常处理。例如:   1 try 2 { 3 foo.bar(); 4 } catch (e) 5 { 6 alert(e.

在JavaScript可以使用try...catch来进行异常处理。例如:

 

1  try 
2 {
3    foo.bar();
4 } catch (e) 
5 {
6     alert(e.name + ": " + e.message);
7 }

 

目前我们可能得到的系统异常主要包含以下6种: 

  • EvalError: raised when an error occurs executing code in eval()
  • RangeError: raised when a numeric variable or parameter is outside of its valid range
  • ReferenceError: raised when de-referencing an invalid reference
  • SyntaxError: raised when a syntax error occurs while parsing code in eval()
  • TypeError: raised when a variable or parameter is not a valid type
  • URIError: raised when encodeURI() or decodeURI() are passed invalid parameters

上面的六种异常对象都继承自Error对象。他们都支持以下两种构造方法: 

1 new Error();
2 new Error("异常信息");

 

手工抛出异常的方法如下:

 

1 try 
2 {
3     throw new Error("Whoops!");
4 } catch (e) 
5 {
6     alert(e.name + ": " + e.message);
7 }

 

如要判断异常信息的类型,可在catch中进行判断:

 1 try 
 2 {
 3    foo.bar();
 4 } catch (e)
 5  {
 6     if (e instanceof EvalError) {
 7         alert(e.name + ":" + e.message);
 8     } 
 9     else if (e instanceof RangeError) {
10         alert(e.name + ": " + e.message);
11     } 
12     // etc 
13 }

 

Error具有下面一些主要属性: 

  • description: 错误描述 (仅IE可用).
  • fileName: 出错的文件名 (仅Mozilla可用).
  • lineNumber: 出错的行数 (仅Mozilla可用).
  • message: 错误信息 (在IE下同description)
  • name: 错误类型.
  • number: 错误代码 (仅IE可用).
  • stack: 像Java中的Stack Trace一样的错误堆栈信息 (仅Mozilla可用).

因此为了更好的了解错误信息我们可以将catch部分改为如下形式:

 

 1 try 
 2 {
 3     foo.bar();
 4 } catch (e) 
 5 {
 6     if (browserType != BROWSER_IE) {                            
 7         alert("name: " + e.name + 
 8             "message: " + e.message + 
 9             "lineNumber: " + e.lineNumber + 
10             "fileName: " + e.fileName + 
11             "stack: " + e.stack);        
12     } 
13     else {                    
14         alert("name: " + e.name +     
15             "errorNumber: " + (e.number & 0xFFFF ) + 
16             "message: " + e.message");        
17     } 
18 }

 

JavaScript中的throw命令事实上可以抛出任何对象,并且我们可以在catch接受到此对象。例如:

 try
{
   throw new Date();    // 抛出当前时间对象 
} catch (e) {
    alert(e.toLocaleString());    // 使用本地格式显示当前时间 
}
目录
相关文章
|
7月前
|
JSON 前端开发 JavaScript
【面试题】JavaScript 中 try...catch 的使用技巧 ?
【面试题】JavaScript 中 try...catch 的使用技巧 ?
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
100 2
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
136 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的医院综合管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的医院综合管理系统附带文章源码部署视频讲解等
51 5
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
85 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
76 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
97 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
86 3
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
66 3
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物医院系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物医院系统附带文章源码部署视频讲解等
58 2