javascript中 try catch用法


Posted in Javascript onAugust 16, 2015

先看个实例

<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处理函数使用不当

Javascript 相关文章推荐
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
js弹窗代码 可以指定弹出间隔
Jul 03 Javascript
JavaScript里四舍五入函数round用法实例
Apr 06 Javascript
JavaScript中利用Array和Object实现Map的方法
Jul 27 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
Angular网络请求的封装方法
May 22 Javascript
p5.js实现故宫橘猫赏秋图动画
Oct 23 Javascript
JS数组索引检测中的数据类型问题详解
Jan 11 Javascript
javascript中undefined与null的区别
Aug 16 #Javascript
swtich/if...else的替代语句
Aug 16 #Javascript
javascript数组去重的六种方法汇总
Aug 16 #Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 #Javascript
js时钟翻牌效果实现代码分享
Jul 31 #Javascript
js实现点击文本框显示日期选择器特效代码分享
May 21 #Javascript
jQuery树形下拉菜单特效代码分享
Aug 15 #Javascript
You might like
php图片验证码代码
2008/03/27 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
读jQuery之十二 删除事件核心方法
2011/07/31 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
JavaScript中日期的相关操作方法总结
2015/10/24 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
js简单实现图片延迟加载的方法
2016/07/19 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
js时间戳与日期格式之间相互转换
2017/12/11 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
Vue触发input选取文件点击事件操作
2020/08/07 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
python pandas实现excel转为html格式的方法
2018/10/23 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
Python Cookie 读取和保存方法
2018/12/28 Python
pandas去重复行并分类汇总的实现方法
2019/01/29 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
python的flask框架难学吗
2020/07/31 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
amazeui模态框弹出后立马消失并刷新页面
2020/08/19 HTML / CSS
文明宿舍获奖感言
2014/02/07 职场文书
八项规定整改方案
2014/02/21 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
十八大标语口号
2014/10/09 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
第一军规观后感
2015/06/12 职场文书
一年级下册数学教学反思
2016/02/16 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL