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

 更新时间:2013年09月21日 15:18:24   投稿:whsnow  
在JavaScript可以使用try...catch来进行异常处理,下面有个不错的示例,大家可以参考下,希望对大家有所帮助

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

相关文章

  • JS实现简单图片轮播效果

    JS实现简单图片轮播效果

    这篇文章主要为大家详细介绍了JS实现简单图片轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • js和jquery如何获取图片真实的宽度和高度

    js和jquery如何获取图片真实的宽度和高度

    按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式,下面为大家介绍下js和jquery如何获取图片真实的宽度和高度
    2014-09-09
  • JS制作图形验证码实现代码

    JS制作图形验证码实现代码

    这篇文章主要为大家详细介绍了JS制作图形验证码实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 浅谈Javascript中Object与Function对象

    浅谈Javascript中Object与Function对象

    JavaScript的面向对象是基于原形的,所有对象都有一条属于自己的原型链。Object与Function可能很多看Object instanceof Function , Function instanceof Object都为true而迷惑,所以首先看下对象的实例
    2015-09-09
  • 微信小程序仿抖音短视频切换效果的实例代码

    微信小程序仿抖音短视频切换效果的实例代码

    这篇文章主要介绍了微信小程序仿抖音短视频切换效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • js编写轮播图效果

    js编写轮播图效果

    这篇文章主要为大家详细介绍了js编写轮播图效果的代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • JavaScript去除文件名称中的后缀名的多种方法

    JavaScript去除文件名称中的后缀名的多种方法

    本文介绍了JavaScript中去除文件名后缀名的四种方法,并推荐使用substring()和lastIndexOf()方法,因为它简洁易懂,性能较好,并能处理特殊情况,需要的朋友可以参考下
    2025-12-12
  • 浅谈JavaScript中你可能不知道URL构造函数的属性

    浅谈JavaScript中你可能不知道URL构造函数的属性

    这篇文章主要介绍了浅谈JavaScript中你可能不知道URL构造函数的属性,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • js表单登陆验证示例

    js表单登陆验证示例

    这篇文章主要介绍了js表单登陆验证的方法,基于thinkPHP前端页面实现javascript针对表单用户名与密码的验证功能,需要的朋友可以参考下
    2016-10-10
  • JavaScript门面模式详解

    JavaScript门面模式详解

    这篇文章主要为大家详细介绍了JavaScript门面模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10

最新评论