JavaScript - 捕获错误----使用try...catch语句

JavaScript - 捕获错误

当我们在网上冲浪时,总会看到带有 runtime 错误的 Javascript 警告框,同时会询问我们“是否进行 debug?”。像这样的错误信息或许对开发人员有用,对用户则未必。当错误发生时,他们往往会选择离开这个站点。

有两种在网页中捕获错误的方法:

使用try...catch语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)

使用onerror事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)

注意:chrome、opera 和 safari 浏览器不支持 onerror 事件。


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

语法:

注意:try...catch 使用小写字母。大写字母会出错。

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

1、EvalError: raised when an error occurs executing code in eval()

2、RangeError: raised when a numeric variable or parameter is outside of its valid range

3、ReferenceError: raised when de-referencing an invalid reference

4、SyntaxError: raised when a syntax error occurs while parsing code in eval()

5、TypeError: raised when a variable or parameter is not a valid type

6、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);

}

//........

}


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()); // 使用本地格式显示当前时间

}

实例1:

原本用在用户点击按钮时显示 "Welcome guest!" 这个消息。不过 message() 函数中的 alert() 被误写为 adddlert()。这时错误发生了
用 try...catch 语句重新修改了脚本。由于误写了 alert(),所以错误发生了。不过这一次,catch 部分捕获到了错误,并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。

实例2:

会显示一个确认框,让用户来选择在发生错误时点击确定按钮来继续浏览网页,还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false,代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true,那么代码什么也不会做。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,785评论 18 399
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,075评论 19 139
  • javascript异常 所谓异常就是程序的非正常运行,通俗的说就是程序发生了错误。至于这些错误,有的是认为疏忽造...
    lwbg阅读 1,005评论 0 1
  • 一. Java基础部分.................................................
    wy_sure阅读 3,846评论 0 11
  • 卑微的承诺 如天边摇摇欲坠的星 我摘一朵花 放在眼眸 怕火,刺伤眼睛 我未发觉冷 隔岸望穿秋水的风 白露在耳边 告...
    飞狐119阅读 254评论 0 0