学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>Javascript>>基础教程>>

JavaScript教程(二十四)错误- throw、try 和 catch

发布时间:2020-05-13点击:

    JavaScript 错误throw、try 和 catch

    在JavaScript的开发中,出现错误是家常便饭的事,当 JavaScript 引擎执行 JavaScript 代码时,就会发生各种错误。可能是语法错误。可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。可能是由于来自服务器或用户的错误输出而导致的错误。当然,也可能是由于许多其他不可预知的因素。出现错误不可怕,可怕的是不知道错在哪里。

    在JavaScript中可以使用throw、try 和 catch语句来判定错误位置以及类型,方便JavaScript程序调试运行。

    一、JavaScript try 和 catch

    try和catch是一个组合,其中try 语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。JavaScript 语句 try 和 catch 是成对出现的。

    1、语法:

    try {
        ...    //异常的抛出
    } catch(e) {
        ...    //异常的捕获与处理
    } finally {
        ...    //结束处理
    }

    2、实例如下:

    var txt=""; 
    function message() 
    { 
        try { 
            adddlert("Welcome guest!"); 
        } catch(err) { 
            txt="本页有一个错误。\n\n"; 
            txt+="错误描述:" + err.message + "\n\n"; 
            txt+="点击确定继续。\n\n"; 
            alert(txt); 
        } 
    }

    二、JavaScript finally语句

    finally 语句不论之前的 try 和 catch 中是否产生异常都会执行该代码块。

    function myFunction() {
      var message, x;
      message = document.getElementById("p01");
      message.innerHTML = "";
      x = document.getElementById("demo").value;
      try { 
        if(x == "") throw "值是空的";
        if(isNaN(x)) throw "值不是一个数字";
        x = Number(x);
        if(x > 10) throw "太大";
        if(x < 5) throw "太小";
      }
      catch(err) {
        message.innerHTML = "错误: " + err + ".";
      }
      finally {
        document.getElementById("demo").value = "";
      }
    }

    三、JavaScript自定义错误 Throw 语句

    throw 语句允许我们创建自定义错误。正确的技术术语是:创建或抛出异常(exception)。如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。

    1、语法:
    throw exception

    异常可以是 JavaScript 字符串、数字、逻辑值或对象。

    实例说明:
    function myFunction() {
        var message, x;
        message = document.getElementById("message");
        message.innerHTML = "";
        x = document.getElementById("demo").value;
        try { 
            if(x == "")  throw "值为空";
            if(isNaN(x)) throw "不是数字";
            x = Number(x);
            if(x < 5)    throw "太小";
            if(x > 10)   throw "太大";
        }
        catch(err) {
            message.innerHTML = "错误: " + err;
        }
    }

    PS:请注意,如果 getElementById 函数出错,上面的例子也会抛出一个错误。

    学习不止眼前的教程与笔记还需实践与创新,小伙伴们快动手试试吧~

赞一个(0)     踩一个(0)    

相关链接

搜索

昵称:*
邮箱:
电话:
评论: