JavaScript 错误 - Throw 和 Try to Catch

try 语句使您能够测试代码块中的错误。

catch 语句允许您处理错误。

throw 语句允许您创建自定义错误。

finally 使您能够执行代码，在 try 和 catch 之后，无论结果如何。

错误总会发生！

当执行 JavaScript 代码时，会发生各种错误。

错误可能是程序员的编码错误，由错误输入引起的错误，或者由于其他不可预见的问题。

实例

在本例中，我们通过 adddlert 编写警告代码来故意制造了一个错误：

<p id="demo"></p>

<script>

try {

    adddlert("欢迎访问！");

}

catch(err) {

    document.getElementById("demo").innerHTML = err.message;

}

</script>

JavaScript 将 adddlert 捕获为一个错误，然后执行代码来处理该错误。

JavaScript try 和 catch

try 语句允许您定义一个代码块，以便在执行时检测错误。

catch 语句允许你定义一个要执行的代码块，如果 try 代码块中发生错误。

JavaScript 语句 try 和 catch 成对出现：

try {

     供测试的代码块

}

 catch(err) {

     处理错误的代码块

}

JavaScript 抛出错误

当发生错误时，JavaScript 通常会停止并产生错误消息。

技术术语是这样描述的：JavaScript 将抛出异常（抛出错误）。

JavaScript 实际上会创建带有两个属性的 Error 对象：name 和 message。

throw 语句

throw 语句允许您创建自定义错误。

从技术上讲您能够抛出异常（抛出错误）。

异常可以是 JavaScript 字符串、数字、布尔或对象：

throw "Too big";    // 抛出文本

throw 500;          //抛出数字

如果把 throw 与 try 和 catch 一同使用，就可以控制程序流并生成自定义错误消息。

输入验证案例

本例会检查输入。如果值是错误的，将抛出异常（err）。

该异常（err）被 catch 语句捕获并显示一条自定义的错误消息：

<!DOCTYPE html>

<html>

<body>

<p>请输入 5 - 10 之间的数字：</p>

<input id="demo" type="text">

<button type="button" onclick="myFunction()">测试输入</button>

<p id="message"></p>

<script>

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;

    }

}

</script>

</body>

</html>

HTML 验证

以上代码仅仅是一个例子。

现代浏览器通常会结合 JavaScript 与内置的 HTML 验证，通过使用在 HTML 属性中定义的预定义的验证规则：

<input id="demo" type="number" min="5" max="10" step="1">

您将在本教程稍后的章节学到更多有关表单验证的知识。

finally 语句

finally 语句允许您在 try 和 catch 之后执行代码，无论结果：

try {

     供测试的代码块

}

 catch(err) {

     处理错误的代码块

}

finally {

     无论 try / catch 结果如何都执行的代码块

}

实例

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 >  10) throw "太大";

        if(x <  5) throw "太小";

    }

    catch(err) {

        message.innerHTML = "错误：" + err + ".";

    }

    finally {

        document.getElementById("demo").value = "";

    }

}

Error 对象

JavaScript 拥有当错误发生时提供错误信息的内置 error 对象。

error 对象提供两个有用的属性：name 和 message。

Error 对象属性

属性	描述
name	设置或返回错误名
message	设置或返回错误消息（一条字符串）

Error Name Values

error 的 name 属性可返回六个不同的值：

错误名	描述
EvalError	已在 eval() 函数中发生的错误
RangeError	已发生超出数字范围的错误
ReferenceError	已发生非法引用
SyntaxError	已发生语法错误
TypeError	已发生类型错误
URIError	在 encodeURI() 中已发生的错误

下面为您详解这六个不同的值。

Eval 错误

EvalError 指示 eval() 函数中的错误。

更新版本的 JavaScript 不会抛出任何 EvalError。请使用 SyntaxError 代替。

范围错误

RangeError 会在您使用了合法值的范围之外的数字时抛出。

例如：您不能将数字的有效位数设置为 500。

实例

var num = 1;

try {

    num.toPrecision(500);   // 数无法拥有 500 个有效数

 }

catch(err) {

    document.getElementById("demo").innerHTML = err.name;

}

引用错误

假如您使用（引用）了尚未声明的变量，则 ReferenceError 会被抛出：

实例

var x;

try {

    x = y + 1;   // y 无法被引用（使用）

 }

catch(err) {

    document.getElementById("demo").innerHTML = err.name;

}

语法错误

假如您计算带语法错误的代码，会 SyntaxError 被抛出：

实例

try {

    eval("alert('Hello)");   // 缺少 ' 会产生错误

}

catch(err) {

     document.getElementById("demo").innerHTML = err.name;

}

类型错误

假如您使用的值不在期望值的范围之内，则 TypeError 被抛出：

实例

var num = 1;

try {

    num.toUpperCase();   // 您无法将数字转换为大写

 }

catch(err) {

    document.getElementById("demo").innerHTML = err.name;

URI 错误

假如您在 URI 函数中使用非法字符，则 URIError 被抛出：

实例

try {

    decodeURI("%%%");   // 您无法对这些百分号进行 URI 编码

 }

catch(err) {

    document.getElementById("demo").innerHTML = err.name;

}

松软科技Web课堂:JavaScript 异常的更多相关文章

松软科技Web课堂:JavaScript JSON
JSON 是存储和传输数据的格式. JSON 经常在数据从服务器发送到网页时使用. 什么是 JSON? JSON 指的是 JavaScript Object Notation JSON 是轻量级的数据 ...
松软科技Web课堂:JavaScript this 关键词
实例 var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : fu ...
松软科技Web课堂:JavaScript 正则表达式
正则表达式是构成搜索模式的字符序列. 该搜索模式可用于文本搜索和文本替换操作. 什么是正则表达式? 正则表达式是构成搜索模式(search pattern)的字符序列. 当您搜索文本中的数据时,您可使 ...
松软科技Web课堂:JavaScript 类型转换
Number() 转换数值,String() 转换字符串,Boolean() 转换布尔值. JavaScript 数据类型 JavaScript 中有五种可包含值的数据类型: 字符串(string) ...
松软科技Web课堂:JavaScript Break 和 Continue
break 语句“跳出”循环. continue 语句“跳过”循环中的一个迭代. Break 语句在本教程稍早的章节中,您已见到了 break 语句.它被用于“跳出” switch 语句. brea ...
松软科技Web课堂:JavaScript For 循环
循环可多次执行代码块. JavaScript 循环假如您需要运行代码多次,且每次使用不同的值,那么循环(loop)相当方便使用. 通常我们会遇到使用数组的例子: 不需要这样写: text += ca ...
松软科技web课堂:JavaScript If...Else 语句
条件语句用于基于不同条件执行不同的动作. 条件语句在您写代码时,经常会需要基于不同判断执行不同的动作. 您可以在代码中使用条件语句来实现这一点. 在 JavaScript 中,我们可使用如下条件语句 ...
松软科技web课堂:JavaScript 比较和逻辑运算符
JavaScript 比较和逻辑运算符比较和逻辑运算符用于测试 true 或 false. 比较运算符比较运算符在逻辑语句中使用,以判定变量或值是否相等. 我们给定 x = 5,下表中解释了比较运 ...
松软科技web课堂:JavaScript 布尔（逻辑）
JavaScript 布尔(逻辑)代表两个值之一:true 或 false. 布尔值通常,在编程中,您会需要只能有两个值之一的数据类型,比如 YES / NO ON / OFF TRUE / FAL ...

随机推荐

人生若只如初见---Spring概述以及环境的搭建
Spring 是什么 Spring是由Apache开发的一种轻量型Java框架,能够更加便捷使用JavaBean(之前只有EJB才能实现) Spring的主要优势:分层架构: DAO层:(Data A ...
cookies与session简介
一.session和cookie 简单来讲cookie机制采用的是在客户端保持状态的方案,而session机制采用的是在服务器端保持状态的方案. 同时我们也看到,由于采用服务器端保持状态的方案在客户端 ...
java中sleep()和wait()区别
1,sleep方法是Thread类的静态方法,wait()是Object超类的成员方法 2,sleep()方法导致了程序暂停执行指定的时间,让出cpu该其他线程,但是他的监控状态依然保持者,当指定的时 ...
hasChildNodes()
hasChildNodes():方法可以用来检查一个给定的元素是否有子节点. booleanValue = element.hasChildNodes 这个方法将返回一个布尔值true或false.如 ...
Server MyEclipse Tomcat v7.0 was unable to start within 45 seconds. If the server requires more time
启动Tomcat服务器时经常遇到这个错误, Server MyEclipse Tomcat v7.0 was unable to start within 45 seconds. If the ser ...
nmon脚本——对Linux服务器的监控
继服务器被挖之后,我又开拓了另一个监控工具----nmon! Nmon可以很轻松的监控系统的CPU.内存.网络.硬盘.文件系统.NFS.高耗进程.资源和IBM Power系统的微分区的信息,还有专属的 ...
luogu P3807 【模板】卢卡斯定理
求 C(n,n+m)%p C(m,n)%p=C(m%p,n%p)*C(m/p,n/p) #include<cstdio> #include<cstring> #include& ...
使用Python进行防病毒免杀
很多渗透工具都提供了权限维持的能力,如Metasploit.Empire和Cobalt Strike,但是都会被防病毒软件检测到这种恶意行为.在探讨一个权限维持技巧的时候,似乎越来越多的人关注的是,这 ...
编码规范（c#）
万丈高楼平地起,好的编码风格能让别人撸起来更带劲,反之则想吐槽这是哪个傻X写的,这都是些什么乱七八糟的玩意? 然后看后面的注释发现是自己以前写的,那场面一度很尴尬.... 规约不是规则,不是一定要这样 ...
ARTS-S golang定义类
package main import "fmt" type Student struct { Num int64 Name string } func(s *Student) s ...

松软科技Web课堂:JavaScript 异常