js中的异常处理try...catch使用介绍


Posted in Javascript onSeptember 21, 2013

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

try { foo.bar();} catch (e) { alert(e.name + ": " + e.message);}

目前我们可能得到的系统异常主要包含以下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对象。他们都支持以下两种构造方法:

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

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

try { throw new Error("Whoops!");} catch (e) { alert(e.name + ": " + e.message);}

如要判断异常信息的类型,可在catch中进行判断:
try { foo.bar();} catch (e) { if (e instanceof EvalError) { alert(e.name + ":" + e.message); } else if (e instanceof RangeError) { alert(e.name + ": " + e.message); } // etc }

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

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

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

try { foo.bar();} catch (e) { if (browserType != BROWSER_IE) { 
alert("name: " + e.name + "message: " + e.message + "lineNumber: " + e.lineNumber + "fileName: " + e.fileName + "stack: " + e.stack); 
} else { 
alert("name: " + e.name +"errorNumber: " + (e.number & 0xFFFF ) + "message: " + e.message"); 
} }

JavaScript中的throw命令事实上可以抛出任何对象,并且我们可以在catch接受到此对象。例如:
try { throw new Date(); // 抛出当前时间对象 } catch (e) { alert(e.toLocaleString()); // 使用本地格式显示当前时间 }
Javascript 相关文章推荐
javascript replace方法与正则表达式
Feb 19 Javascript
javascript中xml操作实现代码
Nov 21 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
JS辨别访问浏览器判断是android还是ios系统
Aug 19 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
Mar 06 Javascript
JS+HTML5 FileReader对象用法示例
Apr 07 Javascript
详解vue组件开发脚手架
Jun 15 Javascript
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
Jun 13 Javascript
使用JS读秒使用示例
Sep 21 #Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 #Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 #Javascript
JS.findElementById()使用介绍
Sep 21 #Javascript
JS.getTextContent(element,preformatted)使用介绍
Sep 21 #Javascript
javascript实现原生ajax的几种方法介绍
Sep 21 #Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 #Javascript
You might like
PHP怎样调用MSSQL的存储过程
2006/10/09 PHP
php调用C代码的实现方法
2014/03/11 PHP
深入浅析PHP无限极分类的案例教程
2016/05/09 PHP
PHP+iframe图片上传实现即时刷新效果
2016/11/18 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
cookie中的path与domain属性详解
2013/12/18 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
javascript实现密码强度显示
2015/03/18 Javascript
关于在Servelet中如何获取当前时间的操作方法
2016/06/28 Javascript
javascript闭包功能与用法实例分析
2017/04/06 Javascript
js微信应用场景之微信音乐相册案例分享
2017/08/11 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
vue使用axios实现文件上传进度的实时更新详解
2017/12/20 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
Vue分页插件的前后端配置与使用
2019/10/09 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
[01:01:01]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第一场 10.29
2020/10/29 DOTA
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
Python使用django搭建web开发环境
2017/06/09 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
Python如何实现远程方法调用
2020/08/07 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
Html5内唤醒百度、高德APP的实现示例
2019/05/20 HTML / CSS
Crabtree & Evelyn英国官网:瑰珀翠护手霜、香水、沐浴和身体护理
2018/04/26 全球购物
介绍一下grep命令的使用
2012/06/28 面试题
中专毕业生个人职业生涯规划
2014/02/19 职场文书
学校志愿者活动总结
2014/06/27 职场文书
婚育证明样本
2015/06/16 职场文书
民主生活会主持词
2015/07/01 职场文书
一行Python命令实现批量加水印
2022/04/07 Python
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python