有三种类型的编程错误:(1)语法错误和(2)运行时错误(3)逻辑错误:
语法错误:

语法错误,也被称为解析错误,在编译时进行传统的编程语言,并出现在JavaScript解释时。

例如,下面一行将导致一个语法错误,因为它缺少一个右括号:

  1. <script type="text/javascript">
  2. <!--
  3. window.print(;
  4. //-->
  5. </script>

当一个语法错误在JavaScript中出现,只有在同一个线程中包含的语法错误的影响,在其他线程的代码被执行;代码依赖于包含错误的代码不会被执行。
运行时错误:

执行(编译/解释后)在运行时错误,也被称为异常,会引发。

例如,下面一行将导致运行时错误,因为这里的语法是正确的,但在运行时它正试图调用非存在的方法:

  1. <script type="text/javascript">
  2. <!--
  3. window.printme();
  4. //-->
  5. </script>

例外情况也影响到它们发生的线程,允许其他JavaScript线程继续正常执行。
逻辑错误:

逻辑错误可能是最困难的类型的错误跟踪。这些错误是不是一个语法或运行时错误的结果。相反,当发生一个错误的驱动脚本逻辑,你没有得到所期望的结果。

你可能无法抓到这些错误,因为这取决于程序是什么类型的逻辑是基于业务需求。
try...catch...finally 语句:

JavaScript的最新版本中添加的异常处理能力。JavaScript实现 try ... catch... finally结构以及抛出操作来处理异常。

你可以捕获程序员生成和运行时异常,但不能捕获JavaScript语法错误。

这里是 try...catch...finally 块语法:

  1. <script type="text/javascript">
  2. <!--
  3. try {
  4. // Code to run
  5. [break;]
  6. } catch ( e ) {
  7. // Code to run if an exception occurs
  8. [break;]
  9. }[ finally {
  10. // Code that is always executed regardless of
  11. // an exception occurring
  12. }]
  13. //-->
  14. </script>

try块必须后跟只有一个catch块或者一个finally块(或两者之一)。当一个异常在try块时,除被放置在e和catch块被执行。 try/catch语句后的可选finally块无条件地执行。
示例:

下面是一个例子,我们正试图调用一个不存在的函数,这将引发异常。让我们来看看它的行为,不具有try ... catch:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. <!--
  5. function myFunc()
  6. {
  7. var a = 100;
  8.  
  9. alert("Value of variable a is : " + a );
  10.  
  11. }
  12. //-->
  13. </script>
  14. </head>
  15. <body>
  16. <p>Click the following to see the result:</p>
  17. <form>
  18. <input type="button" value="Click Me" onclick="myFunc();" />
  19. </form>
  20. </body>
  21. </html>

现在,让我们尝试使用 try ... catch 捕获这个异常,并显示一个用户友好的消息。也可以取消此消息,如果要隐藏从用户这个错误。

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. <!--
  5. function myFunc()
  6. {
  7. var a = 100;
  8.  
  9. try {
  10. alert("Value of variable a is : " + a );
  11. } catch ( e ) {
  12. alert("Error: " + e.description );
  13. }
  14. }
  15. //-->
  16. </script>
  17. </head>
  18. <body>
  19. <p>Click the following to see the result:</p>
  20. <form>
  21. <input type="button" value="Click Me" onclick="myFunc();" />
  22. </form>
  23. </body>
  24. </html>

可以使用finally块将永远try/catch语句后,无条件地执行。下面是一个例子:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. <!--
  5. function myFunc()
  6. {
  7. var a = 100;
  8.  
  9. try {
  10. alert("Value of variable a is : " + a );
  11. }catch ( e ) {
  12. alert("Error: " + e.description );
  13. }finally {
  14. alert("Finally block will always execute!" );
  15. }
  16. }
  17. //-->
  18. </script>
  19. </head>
  20. <body>
  21. <p>Click the following to see the result:</p>
  22. <form>
  23. <input type="button" value="Click Me" onclick="myFunc();" />
  24. </form>
  25. </body>
  26. </html>

throw 语句:

可以使用throw语句来提高你的内置异常或自定义异常。后来这些异常可以被捕获并可以采取适当的行动。

以下是表示throw语句的用法的例子。

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. <!--
  5. function myFunc()
  6. {
  7. var a = 100;
  8. var b = 0;
  9.  
  10. try{
  11. if ( b == 0 ){
  12. throw( "Divide by zero error." );
  13. }else{
  14. var c = a / b;
  15. }
  16. }catch ( e ) {
  17. alert("Error: " + e );
  18. }
  19. }
  20. //-->
  21. </script>
  22. </head>
  23. <body>
  24. <p>Click the following to see the result:</p>
  25. <form>
  26. <input type="button" value="Click Me" onclick="myFunc();" />
  27. </form>
  28. </body>
  29. </html>

您可以使用字符串,整数,布尔或对象在一个函数抛出一个异常,那么可以捕捉例外在相同的函数,我们在上面做了,或者使用try ... catch块在其他的函数。
onerror() 语法

onerror事件处理程序是第一个特点,方便JavaScript处理错误。错误事件被触发窗口对象,每当一个异常页面上出现。例如:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. <!--
  5. window.onerror = function () {
  6. alert("An error occurred.");
  7. }
  8. //-->
  9. </script>
  10. </head>
  11. <body>
  12. <p>Click the following to see the result:</p>
  13. <form>
  14. <input type="button" value="Click Me" onclick="myFunc();" />
  15. </form>
  16. </body>
  17. </html>

onerror事件处理程序提供了三条信息,以找出错误的确切性质:

  1. 错误消息 . 浏览器将显示给定的错误相同的消息
  2. URL . 在发生错误的文件
  3. 行号. 在导致错误的URL给出的行号

这里是例子来说明如何提取此信息

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. <!--
  5. window.onerror = function (msg, url, line) {
  6. alert("Message : " + msg );
  7. alert("url : " + url );
  8. alert("Line number : " + line );
  9. }
  10. //-->
  11. </script>
  12. </head>
  13. <body>
  14. <p>Click the following to see the result:</p>
  15. <form>
  16. <input type="button" value="Click Me" onclick="myFunc();" />
  17. </form>
  18. </body>
  19. </html>

可以显示在任何方式,你觉得这是更好的提取信息。

可以使用onError方法来显示错误消息的情况下没有在如下加载图像的任何问题:

  1. <img src="myimage.gif"
  2. onerror="alert('An error occurred loading the image.')" />

可以使用的onerror许多HTML标记错误的情况下显示相应的信息。

您可能感兴趣的

  1. 详解1000+项目数据分析出来的10大JavaScript错误
  2. 10个用Console来Debug的高级技巧
  3. 有浏览器的地方就有Fundebug
  4. Debug前端HTML/CSS

【转】详解JavaScript中的异常处理方法的更多相关文章

  1. 【转】详解JavaScript中的this

    ref:http://blog.jobbole.com/39305/ 来源:foocoder 详解JavaScript中的this JavaScript中的this总是让人迷惑,应该是js众所周知的坑 ...

  2. 详解javascript中的this对象

    详解javascript中的this对象 前言 Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象.Javascript可以通过一定的 ...

  3. (转载)详解Javascript中prototype属性(推荐)

    在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不 ...

  4. 详解Java中的clone方法

    详解Java中的clone方法 参考:http://blog.csdn.net/zhangjg_blog/article/details/18369201/ 所谓的复制对象,首先要分配一个和源对象同样 ...

  5. 详解 javascript中offsetleft属性的用法(转)

    详解 javascript中offsetleft属性的用法 转载  2015-11-11   投稿:mrr    我要评论 本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一 ...

  6. 详解JavaScript中的原型

    前言 原型.原型链应该是被大多数前端er说烂的词,但是应该还有很多人不能完整的解释这两个内容,当然也包括我自己. 最早一篇原型链文章写于2019年07月,那个时候也是费了老大劲才理解到了七八成,到现在 ...

  7. 详解JavaScript中的arc的方法

    今天说说JavaScript在网页中画圆的函数arc! 一.arc所需要的参数设置 1 arc(x, y, radius, startAngle, endAngle, counterclockwise ...

  8. sort方法实际应用详解---javascript中对一个对象数组按照对象某个属性进行排序

    转载: 查看原文 在javascript中,对象和数组是两种不同的类型,这和php中的数组概念不同.在javascript中,也有一些精妙的算法,用来对一些对象进行排序.我在面试迅雷的时候,也拿到一道 ...

  9. 详解 JavaScript 中 splice() 方法

    splice() 方法是一个比较少用的方法,但是功能确实很好,并且在我们 coding 的时候,经常有需要 splice() 方法,先介绍一下该方法. 在 JavaScript 中 splice() ...

随机推荐

  1. saiku运行时报错max_length_for_sort_data 需要set higher

     infiniDB或者mysql数据库,运行时,按某个字段排序会出错.报错:max_length_for_sort_data  ... set higher. saiku报错, 也是这样. 这是数 ...

  2. 《java入门第一季》之面向对象(继承总结)

    继承已经全部写完了,接下来通过几个案例对继承问题做一个总结: /* 看程序写结果: A:成员变量 就近原则 B:this和super的问题 this访问本类的成员 super访问父类的成员 C:子类构 ...

  3. Netflix Recommendations

    by Xavier Amatriain and Justin Basilico (Personalization Science and Engineering) In part one of thi ...

  4. cocos2dv2项目转换为ARC支持的项目

    原帖地址: http://www.cnblogs.com/liufan9/archive/2013/04/08/3006580.html

  5. C语言实现快速翻转数组的顺序

    #include <stdio.h> void Reverse(int *p , int size) { int i , tmp; for(i = 0 ; i < size/2 ; ...

  6. iOS 10正式发布:十大新功能,更注重人性化

    6月14日凌晨消息,苹果公司举行2016年WWDC全球开发者大会,介绍了watch OS.tv OS.OS X以及iOS 10系统的新特性. 据苹果介绍,iOS 10在锁屏.Siri.地图等十个各方面 ...

  7. LAV Filter 源代码分析 3: LAV Video (1)

    LAV Video 是使用很广泛的DirectShow Filter.它封装了FFMPEG中的libavcodec,支持十分广泛的视频格式的解码.在这里对其源代码进行详细的分析. LAV Video ...

  8. Java中的50个关键字

    form:http://blog.csdn.net/luoweifu/article/details/6776240 Java中的50个关键字 关键字也称为保留字,是指java语言中规定了特定含义的标 ...

  9. 初探linux子系统集之led子系统(一)

    就像学编程第一个范例helloworld一样,学嵌入式,单片机.fpga之类的第一个范例就是点亮一盏灯.对于庞大的linux系统,当然可以编写一个字符设备驱动来实现我们需要的led灯,也可以直接利用g ...

  10. IOS中UITextView(多行文本框)控件的简单用法

    1.创建并初始化 UITextView文本视图相比与UITextField直观的区别就是UITextView可以输入多行文字并且可以滚动显示浏览全文.UITextField的用处多,UITextVie ...