详解JavaScript中的异常处理方法
有三种类型的编程错误：(1)语法错误和(2)运行时错误(3)逻辑错误：
语法错误：
语法错误，也被称为解析错误，在编译时进行传统的编程语言，并出现在JavaScript解释时。
例如，下面一行将导致一个语法错误，因为它缺少一个右括号：
<script type="text/javascript"> <!-- window.print(; //--> </script>
当一个语法错误在JavaScript中出现，只有在同一个线程中包含的语法错误的影响，在其他线程的代码被执行；代码依赖于包含错误的代码不会被执行。
运行时错误：
执行(编译/解释后)在运行时错误，也被称为异常，会引发。
例如，下面一行将导致运行时错误，因为这里的语法是正确的，但在运行时它正试图调用非存在的方法：
<script type="text/javascript"> <!-- window.printme(); //--> </script>
例外情况也影响到它们发生的线程，允许其他JavaScript线程继续正常执行。
逻辑错误：
逻辑错误可能是最困难的类型的错误跟踪。这些错误是不是一个语法或运行时错误的结果。相反，当发生一个错误的驱动脚本逻辑，你没有得到所期望的结果。
你可能无法抓到这些错误，因为这取决于程序是什么类型的逻辑是基于业务需求。
try...catch...finally 语句:
JavaScript的最新版本中添加的异常处理能力。JavaScript实现 try ... catch... finally结构以及抛出操作来处理异常。
你可以捕获程序员生成和运行时异常，但不能捕获JavaScript语法错误。
这里是 try...catch...finally 块语法：
<script type="text/javascript">
<!--
try {
// Code to run
[break;]
} catch ( e ) {
// Code to run if an exception occurs
[break;]
}[ finally {
// Code that is always executed regardless of
// an exception occurring
}]
//-->
</script>
try块必须后跟只有一个catch块或者一个finally块（或两者之一）。当一个异常在try块时，除被放置在e和catch块被执行。 try/catch语句后的可选finally块无条件地执行。
示例:
下面是一个例子，我们正试图调用一个不存在的函数，这将引发异常。让我们来看看它的行为，不具有try ... catch：
<html>
<head>
<script type="text/javascript">
<!--
function myFunc()
{
var a = 100;
alert("Value of variable a is : " + a );
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" onclick="myFunc();" />
</form>
</body>
</html>
现在，让我们尝试使用 try ... catch 捕获这个异常，并显示一个用户友好的消息。也可以取消此消息，如果要隐藏从用户这个错误。
<html>
<head>
<script type="text/javascript">
<!--
function myFunc()
{
var a = 100;
try {
alert("Value of variable a is : " + a );
} catch ( e ) {
alert("Error: " + e.description );
}
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" onclick="myFunc();" />
</form>
</body>
</html>
可以使用finally块将永远try/catch语句后，无条件地执行。下面是一个例子：
<html>
<head>
<script type="text/javascript">
<!--
function myFunc()
{
var a = 100;
try {
alert("Value of variable a is : " + a );
}catch ( e ) {
alert("Error: " + e.description );
}finally {
alert("Finally block will always execute!" );
}
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" onclick="myFunc();" />
</form>
</body>
</html>
throw 语句:
可以使用throw语句来提高你的内置异常或自定义异常。后来这些异常可以被捕获并可以采取适当的行动。
以下是表示throw语句的用法的例子。
<html>
<head>
<script type="text/javascript">
<!--
function myFunc()
{
var a = 100;
var b = 0;
try{
if ( b == 0 ){
throw( "Divide by zero error." );
}else{
var c = a / b;
}
}catch ( e ) {
alert("Error: " + e );
}
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" onclick="myFunc();" />
</form>
</body>
</html>
您可以使用字符串，整数，布尔或对象在一个函数抛出一个异常，那么可以捕捉例外在相同的函数，我们在上面做了，或者使用try ... catch块在其他的函数。
onerror() 语法
onerror事件处理程序是第一个特点，方便JavaScript处理错误。错误事件被触发窗口对象，每当一个异常页面上出现。例如：
<html>
<head>
<script type="text/javascript">
<!--
window.onerror = function () {
alert("An error occurred.");
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" onclick="myFunc();" />
</form>
</body>
</html>
onerror事件处理程序提供了三条信息，以找出错误的确切性质：
- 错误消息 . 浏览器将显示给定的错误相同的消息
- URL . 在发生错误的文件
- 行号. 在导致错误的URL给出的行号
这里是例子来说明如何提取此信息
<html>
<head>
<script type="text/javascript">
<!--
window.onerror = function (msg, url, line) {
alert("Message : " + msg );
alert("url : " + url );
alert("Line number : " + line );
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" onclick="myFunc();" />
</form>
</body>
</html>
可以显示在任何方式，你觉得这是更好的提取信息。
可以使用onError方法来显示错误消息的情况下没有在如下加载图像的任何问题：
<img src="myimage.gif"
onerror="alert('An error occurred loading the image.')" />
可以使用的onerror许多HTML标记错误的情况下显示相应的信息。
相关文章
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
嵌套的div元素，如果父级和子元素都绑定了一些事件，那么在点击最内层子元素时可能会触发父级元素的事件，下面介绍一下js阻止默认事件与js阻止事件冒泡示例,大家参考使用吧2014-01-01
这篇文章主要介绍了详解JavaScript中的blink()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
对于一些新手朋友可能对php图像生成函数imagecreatetruecolor()和imagecreate()之间有什么区别不是很了解,本文将详细介绍，需要的朋友可以参考下2012-12-12
本文详细介绍了javascript中的相等符号以及严格相等符号,需要的朋友可以参考下2014-11-11
文章主要通过小实例谈谈javascript的间隔调用和延时调用，非常的简单实用，有需要的小伙伴可以参考下2014-11-11
De facto standard 世界上不可思议的事实标准
前些天IEBlog中提到实现互通并不是只靠标准就行，其中举出了一些关于事实上的标准的考虑——所谓“事实上的标准”，也就是并非标准，但大家都遵循着它去做事情的那么一种东西。2010-08-08
Javascript中的数学函数集合...2007-05-05
这篇文章主要介绍了JavaScript的==运算,通过一张简单的图，让你彻底地搞明白,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了ECMAScript5(ES5)中bind方法使用小结,bind和call以及apply一样,都是可以改变上下文的this指向的,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了Javascript基础教程之argument 详解的相关资料,需要的朋友可以参考下2015-01-01
最新评论