zoukankan      html  css  js  c++  java
  • javascript中 try catch用法

    javascript中 try catch用法

    投稿:hebedich 字体:[增加 减小] 类型:转载 时间:2015-08-16 我要评论

    JS try catch语句一般在什么情况下使用?是必须使用的吗?下面就让小编来给大家介绍一下试用心得。
     

    先看个实例

    <input id='b1' type='button' value='按钮'/>
    <script>
    window.onload=function(){
    var oBtn=document.getElementById("b1");
    function mto(){
    alert("123");
    };
    
    try //非IE
    {
    oBtn.attachEvent("onclick",mto,false);
    
    }
    catch(e)//IE
    {
    oBtn.addEventListener("click",mto,false);
    }
    };
    </script>
    
    

    注意的是:

    addEventListener和attachEvent的区别在第一个参数 前者是click 后者是onclick

    addEventListener 在其元素所在的元素作用域中运行

    attachEvent在全局作用域中运行(this=window)

    Try...Catch 语句

    try...catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。
    语法:

    try
    {
    //在此运行代码
    }
    catch(err)
    {
    //在此处理错误
    }
    
    

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

    try...catch...finally    语句   
        
       为    Jscript    实现错误处理。   

      try  {  
         tryStatements}  
      catch(exception){  
         catchStatements}  
      finally  {  
         finallyStatements}  
    

       =============   

    参数   

       tryStatement     
       必选项。可能发生错误的语句。     
       exception     
       必选项。任何变量名。exception    的初始化值是扔出的错误的值。     
       catchStatement     
       可选项。处理在相关联的    tryStatement    中发生的错误的语句。     
       finallyStatements     
       可选项。在所有其他过程发生之后无条件执行的语句。     

    说明  

       try...catch...finally    语句提供了一种方法来处理可能发生在给定代码块中的某些或全部错误,同时仍保持代码的运行。如果发生了程序员没有处理的错误,Jscript    只给用户提供它的普通错误信息,就好象没有错误处理一样。   

    tryStatements    参数包含可能发生错误的代码,而    catchStatement    则包含处理任何发生了的错误的代码。如果在    tryStatements    中发生了一个错误,则程序控制被传给    catchStatements    来处理。exception    的初始化值是发生在    tryStatements    中的错误的值。如果错误不发生,则不执行    catchStatements。   

    如果在与发生错误的    tryStatements    相关联的    catchStatements    中不能处理该错误,则使用    throw    语句来传播、或重新扔出这个错误给更高级的错误处理程序。   

    在执行完    tryStatements    中的语句,并在    catchStatements    的所有错误处理发生之后,可无条件执行    finallyStatements    中的语句。   

    请注意,即使在    try    或    catch    块中返回一个语句,或在    catch    块重新扔出一个错误,仍然会执行    finallyStatements    编码。一般将确保    finallyStatments    的运行,除非存在未处理的错误。(例如,在    catch    块中发生运行时错误。)。  

    示例   

       下面的例子阐明了Jscript    特例处理是如何进行的。   

      try  {  
        print("Outer  try  running..");  
        try  {  
          print("Nested  try  running...");  
          throw  "an  error";  
        }  
        catch(e)  {  
          print("Nested  catch  caught  "  +  e);  
          throw  e  +  "  re-thrown";  
        }  
        finally  {  
          print("Nested  finally  is  running...");  
        }     
      }  
      catch(e)  {  
        print("Outer  catch  caught  "  +  e);  
      }  
      finally  {  
        print("Outer  finally  running");  
      }  
      //  Windows  script  Host  作出该修改从而得出  Wscript.Echo(s)  
      function  print(s){  
         document.write(s);  
      }  
    

       将得出以下结果:   

       Outer    try    running..   
       Nested    try    running...   
       Nested    catch    caught    an    error   
       Nested    finally    is    running...   
       Outer    catch    caught    an    error    re-thrown   
       Outer    finally    running

    如下是Javascript的例外处理的一个实例。

    var array = null;
    try {
      document.write(array[0]);
    } catch(err) {
      document.writeln("Error name: " + err.name + "");
      document.writeln("Error message: " + err.message);
    }
    finally{
      alert("object is null");
    }
    
    

    程序执行过程

    1. array[0]的时候由于没有创建array数组,array是个空对象,程序中调用array[0]就会产生object is null的异常 
    2. catch(err)语句捕获到这个异常通过err.name打印了错误类型,err.message打印了错误的详细信息. 
    3. finally类似于java的finally,无论有无异常都会执行.

    现总结Error.name的六种值对应的信息:

    1. EvalError:eval()的使用与定义不一致 
    2. RangeError:数值越界 
    3. ReferenceError:非法或不能识别的引用数值 
    4. SyntaxError:发生语法解析错误 
    5. TypeError:操作数类型错误 
    6. URIError:URI处理函数使用不当

    https://www.tongbiao.xyz/
  • 相关阅读:
    the error about “no such file or directory”
    Unable to Distribute in Xcode5?
    第一次连接数据库mongodb踩的坑
    在Mac下安装mongodb
    sudo brew install mongodb报错
    nodemon 热更新
    npm install 之前做的事
    JS事件委托应用场景
    解决CDN传统方法引入Iview icon 不显示问题
    React 入门
  • 原文地址:https://www.cnblogs.com/tongbiao/p/6668334.html
Copyright © 2011-2022 走看看