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());    // 使用本地格式显示当前时间 
}
目录
相关文章
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0
|
4天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
JavaScript
Vue.js学习详细课程系列--共32节(4 / 6)
Vue.js学习详细课程系列--共32节(4 / 6)
33 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1
|
2月前
|
数据采集 机器学习/深度学习 JavaScript
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
51 0
|
2月前
|
JSON 前端开发 JavaScript
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
35 0
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
|
2月前
|
资源调度 JavaScript 关系型数据库
Node.js【文件系统模块、路径模块 、连接 MySQL、nodemon、操作 MySQL】(三)-全面详解(学习总结---从入门到深化)
Node.js【文件系统模块、路径模块 、连接 MySQL、nodemon、操作 MySQL】(三)-全面详解(学习总结---从入门到深化)
33 0