JavaScript容错例外处理第1/2页

很多来到我们都是想直接知道怎么用的,这里先直接给出常用容错代码。
第一种:我们自己也在用的


代码如下:

<SCRIPT language=javascript>
<!--
window.onerror=function(){return true;}
// -->
</SCRIPT>

更多可以参考javascript 容错处理代码(屏蔽js错误)

如果更详细的介绍可以继续往下看。
如果例外处理代码设计得周全,那么最终呈现给用户的就将是一个友好的界面。否则,就会让访问者对莫名的现象感到真正的“意外”。本文就将为你介绍Web开发中JavaScript语言的例外处理技术。

  一、什么是例外处理

  当JavaScript程序在运行中发生了诸如数组索引越界、类型不匹配或者语法错误时,JavaScript解释器就会引发例外处理。ECMAScript定义了六种类型的错误,除此之外,我们可以使用Error对象和throw语句来创建并引发自定义的例外处理信息。

  二、例外处理技术的优点

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

  三、使用 try…catch…finally 执行例外处理

  在JavaScript中,我们使用try…catch…finally语句来执行例外处理,即通过它来捕捉错误发生后导致的例外或者执行throw语句产生的例外。它的基本语法如下:


代码如下:

 try {
  // 此处是可能产生例外的语句
  } catch(error) {
  // 此处是负责例外处理的语句
  } finally {  // 此处是出口语句
  }

  上述代码中,try块中的语句首先被执行。如果运行中发生了错误,控制就会转移到位于catch块中语句,其中括号中的error参数被作为例外变量传递。否则,catch块的语句被跳过不执行。无论是发生错误时catch块中的语句执行完毕,或者没有发生错误try块中的语句执行完毕,最后将执行finally块中的语句。

  下面我们来看一个例子:

  在浏览器中执行上述代码后,首先显示输入对话框:

  我们输入abc,然后确定,输出结果如下:
 
  “开始执行try块语句 ---> 还没有发生例外 ---> 捕捉到例外,开始执行catch块语句 ---> 错误名称: TypeError ---> 错误信息: 'abc' 未定义 ---> 开始执行finally块语句”

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

  下面我们再次运行这段代码,并输入一个正确的数值123:

  你会看到如下的结果:

  我们看到,由于没有错误发生,当try块的语句执行完毕后,catch块语句被跳过,出现一个窗口显示输入的数值,最后执行了finally块的语句。

四、try...catch...finally的变形

  try…catch…finally语句有两种变形应用,即try…catch或者try…finally。

  try…catch这种结构最常见,它的执行过程是:当没有例外发生执行完毕try块语句后或者发生例外执行完catch块语句后,控制将转移到整个try…catch结构后面的语句。请看下面的例子:
 
  try {
    document.writeln("Beginnng the try block")
    document.writeln("No exceptions yet")
  // Create a syntax error
  eval("6 + * 3")
  document.writeln("Finished the try block with no exceptions")
  } catch(err) {
    document.writeln("Exception caught, executing the catch block")
    document.writeln("Error name: " + err.name)
    document.writeln("Error message: " + err.message)
  }
  document.writeln("Executing after the try-catch statement")

  如果是try…finally结构,那么当发生例外时,由于没有catch块语句来捕捉错误,所以最终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 e­xpression")
    else alert("Cannot evaluate")
  }
  }

  上面的代码将对用户输入的内容进行表达式求值,然后显示出来。如果在求值过程中发生了SyntaxErroe类型错误,那么就会显示给用户“Invalid e­xpression”的信息;否则,用户得到信息“Cannot evaluate”。

  Error.name的取值一共有六种,如下:

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

当前1/2页 12下一页阅读全文

(0)

相关推荐

  • javascript容错处理代码(屏蔽js错误)

    有时候大家来浏览网页的时候发现IE浏览器左下角总有个黄色错误标志,有时候更是直接弹出错误无法继续浏览页面,这样对于网站的正规性与权威性发展不利. 国外银行页面就是因为这样的错误,导致用户大量流失不敢用这个银行的网上银行等导致损失惨重. 所以一个想要在用户体验与公司实力上都是不容出现的错误,就是不影响使用也不能让用户反感,我们一直致力于为大家提高更好的代码,所以这里我们将会大家整理一些常用的代码,使用方法什么,希望大家以后能越来越支持我们,让我们共同发展. 第一种:我们在用的 <SCRIPT la

  • Moment.js 不容错过的超棒Javascript日期处理类库

    使用这个类库,可以帮助你有效的处理相关日期.希望大家喜欢! 主要特性: 3.2kb超轻量级 独立类库,意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳,String,指定格式的Date 日期处理:加,减日期 日期显示:包括相对时间显示的日期显示选项 其它内建的功能,例如,保存,timezone offset和i18n支持 可以作为node.js的一个模块 完整的文档介绍 如何使用? 复制代码 代码如下: var now = moment(); console.log(now.format

  • javascript 容错处理代码(屏蔽js错误)

    国外银行页面就是因为这样的错误,导致用户大量流失不敢用这个银行的网上银行等导致损失惨重. 所以一个想要在用户体验与公司实力上都是不容出现的错误,就是不影响使用也不能让用户反感,我们一直致力于为大家提高更好的代码,所以这里我们将会大家整理一些常用的代码,使用方法什么,希望大家以后能越来越支持我们,让我们共同发展. 第一种:我们自己也在用的 复制代码 代码如下: <SCRIPT language=javascript> <!-- window.onerror=function(){retur

  • JavaScript容错例外处理第1/2页

    很多来到我们都是想直接知道怎么用的,这里先直接给出常用容错代码.第一种:我们自己也在用的 复制代码 代码如下: <SCRIPT language=javascript> <!-- window.onerror=function(){return true;} // --> </SCRIPT> 更多可以参考javascript 容错处理代码(屏蔽js错误) 如果更详细的介绍可以继续往下看.如果例外处理代码设计得周全,那么最终呈现给用户的就将是一个友好的界面.否则,就会让访

  • JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】

    本文实例讲述了JavaScript表格隔行变色和Tab标签页特效.分享给大家供大家参考,具体如下: 最近一直在看JavaScript知识,偶尔也穿插一点Jquery,感觉Jquery用起来真爽,减少了很多的代码量,而且学习也不是很高.接下来给大家分享两个小的特效,表格隔行变色和Tab标签页,大家来体会一下. 表格隔行变色 效果图: 原生Js实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta c

  • Javascript 小技巧全集第1/4页

    事件源对象  event.srcElement.tagName  event.srcElement.type  捕获释放  event.srcElement.setCapture();   event.srcElement.releaseCapture();   事件按键  event.keyCode  event.shiftKey  event.altKey  event.ctrlKey  事件返回值  event.returnValue  鼠标位置  event.x  event.y  窗体

  • 怎么用javascript进行拖拽第1/2页

    本文译自:http://www.webreference.com/programming/javascript/mk/column2/index.html所有版权归原文所有 Javascript的特点是dom的处理与网页效果,大多数情况我们只用到了这个语言的最简单的功能,比如制作图片轮播/网页的tab等等,这篇文章将向你展示如何在自己的网页上制作拖拽. 有很多理由让你的网站加入拖拽功能,最简单的一个是数据重组.例如:你有一个序列的内容让用户排序,用户需要给每个条目进行输入或者用select选择,

  • 关于JavaScript 的事件综合分析第1/2页

    A 事件流(event flow ) 事件模型分为两种:冒泡型事件.捕获型事件. 冒泡型(dubbed bubbling )事件:指事件按照从最精确的对象到最不精确的对象的顺序逐一触发. 捕获型(event capturing )事件:它与冒泡型事件相反,指事件按照从最不精确的对象到最精确的对象的顺序逐一触发. 捕获型事件也被称作自顶向下(DOM层次)的事件模型. 由于IE 浏览器不支持捕获型事件,因此并没有被广泛应用. B 事件监听 i > 通用监听方法 示例一: 复制代码 代码如下: <p

  • 经常用到的javascript验证函数收集第1/3页

    建议大家收藏javascript验证函数,以后遇到就可以直接拿来用了/* ================================================================== 是否为空,只判断字符串 null或0长为空,经过trim IsStringNull(string) ================================================================== */ function IsStringNull(str)

  • discuz中用到的javascript函数解析 原创第1/2页

    var lang = new Array(); var userAgent = navigator.userAgent.toLowerCase(); var is_opera = userAgent.indexOf('opera') != -1 && opera.version(); var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8

  • 比较详细的javascript DOM 学习笔记第1/2页

    一.DOM基础1.节点(node)层次Document--最顶层的节点,所有的其他节点都是附属于它的.DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点.DocumentFragment--可以像Document一样来保存其他节点.Element--表示起始标签和结束标签之间的内容,例如<tag></tab>或者<tag/>.这是唯一可以同时包含特性和子节点的节点类型.Attr--代表一对特性名和特性值.这

  • 浅析Javascript原型继承 推荐第1/2页

    JS没有提供所谓的类继承,据说在2.0中要加入这种继承方式,但是要所有浏览器都实现2.0的特性那肯定又得N多年.昨天看了crockford 的一个视频,里面讲解了一下JS的继承方式,按照PPT里面说的,一共分了三类:Prototypal,pseudoclassical,Parasitic Inheritance. 下面主要介绍一下原型继承:When a function object is created, it is given a prototype member which is an o

随机推荐