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 相关文章推荐
javawscript 三级菜单的实现原理
Jul 01 Javascript
flexigrid 参数说明
Nov 23 Javascript
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
Jan 11 Javascript
node.js入门教程
Jun 01 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
Feb 25 Javascript
Node.js的Web模板引擎ejs的入门使用教程
Jun 06 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
详解node.js的http模块实例演示
Jul 12 Javascript
微信小程序中上传图片并进行压缩的实现代码
Aug 28 Javascript
vue解决一个方法同时发送多个请求的问题
Sep 25 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
Dec 29 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
oracle资料库函式库
2006/10/09 PHP
PHP通过正则表达式下载图片到本地的实现代码
2011/09/19 PHP
php中CI操作多个数据库的代码
2012/07/05 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
基于PHP实现的事件机制实例分析
2015/06/18 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
jquery蒙版控件实现代码
2010/12/08 Javascript
javascript创建和存储cookie示例
2014/01/07 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
过滤器vue.filters的使用方法实现
2019/09/18 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
学习python处理python编码问题
2011/03/13 Python
Python的迭代器和生成器使用实例
2015/01/14 Python
Django ORM框架的定时任务如何使用详解
2017/10/19 Python
Python线程之定位与销毁的实现
2019/02/17 Python
python保存字典和读取字典的实例代码
2019/07/07 Python
python实现集中式的病毒扫描功能详解
2019/07/09 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
python 初始化一个定长的数组实例
2019/12/02 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
Windows下Pycharm远程连接虚拟机中Centos下的Python环境(图文教程详解)
2020/03/19 Python
详解canvas drawImage()方法绘制图片不显示的问题
2018/10/08 HTML / CSS
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
飞利浦比利时官方网站:Philips比利时
2016/08/24 全球购物
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
应届毕业生求职信
2013/11/30 职场文书
售后专员岗位职责
2013/12/08 职场文书
化学系大学生自荐信范文
2014/03/01 职场文书
企业文化标语口号
2014/06/09 职场文书
课堂打架检讨书200字
2014/11/21 职场文书
归元寺导游词
2015/02/06 职场文书
指导老师鉴定意见
2015/06/05 职场文书