21javascript异常处理

来源:互联网 发布:js原生排序 编辑:程序博客网 时间:2024/04/29 15:58
javascript中的异常处理Try catch详解

在实际的程序开发中,程序员经常要面对的是如何编写代码来响应错误事件的发生,即例外处理(exception handlers)。如果例外处理代码设计得周全,那么最终呈现给用户的就将是一个友好的界面。否则,就会让访问者对莫名的现象感到真正的“意外”。
  一、什么是例外处理
  当JavaScript程序在运行中发生了诸如数组索引越界、类型不匹配或者语法错误时,JavaScript解释器就会引发例外处理。 ECMAScript定义了六种类型的错误,除此之外,我们可以使用Error对象和throw语句来创建并引发自定义的例外处理信息。


  二、例外处理技术的优点
  通过运用例外处理技术,我们可以实现用结构化的方式来响应错误事件的发生,让例外处理代码与正常脚本代码科学分离,最终使我们能够集中精力编写完成主要功能的核心程序。


  三、使用 try…catch…finally 执行例外处理
  在JavaScript中,我们使用try…catch…finally语句来执行例外处理,即通过它来捕捉错误发生后导致的例外或者执行throw语句产生的例外。它的基本语法如下:
  try {
  // 此处是可能产生例外的语句
  } catch(error) {
  // 此处是负责例外处理的语句
  } finally {
  // 此处是出口语句
  }
  上述代码中,try块中的语句首先被执行。如果运行中发生了错误,控制就会转移到位于catch块中语句,其中括号中的error参数被作为例外变量传递。否则,catch块的语句被跳过不执行。无论是发生错误时catch块中的语句执行完毕,或者没有发生错误try块中的语句执行完毕,最后将执行 finally块中的语句。


  下面我们来看一个例子:
  <script language="javascript">
  try {
    document.writeln("开始执行try块语句 ---> ")
    document.writeln("还没有发生例外 ---> ")
     alert(eval(prompt("输入一个值:","")))
   } catch(err) {
     document.writeln("捕捉到例外,开始执行catch块语句 --->");
     document.writeln("错误名称: " + err.name+" ---> ");
     document.writeln("错误信息: " + err.message+" ---> ");
  } finally {
     document.writeln("开始执行finally块语句")
  }
  </script>


  我们输入abc,然后确定,输出结果如下:
  “开始执行try块语句 ---> 还没有发生例外 ---> 捕捉到例外,开始执行catch块语句 ---> 错误名称: TypeError ---> 错误信息: 'abc' 未定义 ---> 开始执行finally块语句”
  上述例程以try块语句开始,当输出信息“还没有发生例外”后,弹出输入对话框,要求用户输入一个数值,当我们输入非法的信息"abc"后,就引发了一个例外,所以剩下的try块中的语句将被跳过而开始执行catch块语句。Catch块开始的err参数作为这个例外的错误对象,它具有name和 message两个属性。最后,执行finally块的语句。






  五、例外的表现形式:Error对象
  在JavaScript,例外是作为Error对象出现的。Error对象有两个属性:name属性表示例外的类型,message属性表示例外的含义。根据这些属性的取值,我们可以决定处理例外的方式,比如:
function evalText() {
  try {
    alert(eval(prompt("Enter JavaScript to evaluate:","")))
  } catch(err) {
    if(err.name == "SyntaxError") alert("Invalid expression")
    else alert("Cannot evaluate")
  }
}
  上面的代码将对用户输入的内容进行表达式求值,然后显示出来。如果在求值过程中发生了SyntaxError类型错误,那么就会显示给用户“Invalid expression”的信息;否则,用户得到信息“Cannot evaluate”。


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


  Error.name的取值一共有六种,如下:
  EvalError:eval()的使用与定义不一致
  RangeError:数值越界
  ReferenceError:非法或不能识别的引用数值
  SyntaxError:发生语法解析错误
  TypeError:操作数类型错误
  URIError:URI处理函数使用不当


上面的六种异常对象都继承自Error对象。他们都支持以下两种构造方法:
 new  Error();
 new  Error( " 异常信息 " );
手工抛出异常的方法如下:
  try{
     throw   new  Error( " Whoops! " );
}catch(e){
    alert(e.name  +   " :  "   +  e.message);



JavaScript中的throw命令事实上可以抛出任何对象,并且我们可以在catch接受到此对象。例如:
try{
throw   new  Date();     //  抛出当前时间对象 
}catch(e){
alert(e.toLocaleString());     //  使用本地格式显示当前时间 



  六、自定义例外信息


  上述的六种Error类型基本上覆盖了脚本程序运行时所可能发生的错误。除了这些类型以外,我们还可以使用Error构造器来自定义例外类型,其语法如下:
  myError = new Error(msg)
  其中msg参数表示所定义的新例外的message属性值。同时,我们还可以创建新的对象类型以作为Error的子类型:
  function MyError(msg) {
  this.name = "MyError"
  this.message = msg
  }
  MyError.prototype = new Error;


  然后,我们就可以创建自定义错误子类的实例:
  myError = new MyError("My error message")

0 0
原创粉丝点击