JavaScript 错误异常

错误异常语句

  • try 语句测试代码块中的错误
  • catch 语句处理错误
  • throw 语句允许自定义错误
  • finally 语句在错误异常语句后，必须执行的代码块
try {

    adddlert("Hello") ;

} catch (err) {

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

}

// 结果 ： adddlert is not defined

JavaScript 将 adddlert 捕捉为一个错误异常，然后执行 catch 代码块来执行错误。

try … catch 语句

try {

    需要检测的代码块;

} catch {

    处理 try 检测到错误的代码块;

}

抛出异常

当发送错误是，JavaScript通常会抛出异常并产生异常错误信息（抛出异常）

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

throw 语句

  • throw：允许您创建自定义的错误
throw "To Bug" ;

throw 500 ;

如果把 throw 和 tyr … catch 结合使用，可以控制程序流并生成自定义错误信息。

输入验证实例

<!DOCTYPE html>

<html>

<head>

    <meta charset = "utf-8">

    <title> javascript </title>

</head>

<body>

    <div>

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

        <button type = "button" onclick = myFunction() >

            测试

        </button>

    </div>

    <div>

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

    </div>

    <script>

        function myFunction() {

            var message , x ;

            message = document.getElementById("message") ;

            message.innerHTML = "" ;

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

            try {

                if ( x == ""){

                    throw "Null" ;

                }

                if (isNaN(x)){

                    throw "No is Number" ;

                }

                if (x < 5){

                    throw "小" ;

                }

                if (x > 10){

                    throw "大" ;

                }

            } catch (error) {

                message.innerHTML = "输入值：" + error ;

            }

        }

    </script>

</body>

</html>

代码对输入内容进行了异常错误检测，并使用throw自定义错误异常信息

  • HTML验证
<input id = "demo" type = "number" min = "5" max = "10" step = "1" >

finally 语句

  • finally：允许在try后必须执行的代码块
try {

    try检测代码块;

} catch(error) {

    处理错误的代码块;

} finally {

    必须要执行的代码块;

}
  • 实例
<!DOCTYPE html>

<html>

<head>

    <meta charset = "utf-8">

    <title> javascript </title>

</head>

<body>

    <div>

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

        <button type = "button" onclick = myFunction() >

            测试

        </button>

    </div>

    <div>

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

    </div>

    <script>

        function myFunction() {

            var message , x ;

            message = document.getElementById("message") ;

            message.innerHTML = "" ;

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

            try {

                if ( x == ""){

                    throw "Null" ;

                }

                if (isNaN(x)){

                    throw "No is Number" ;

                }

                if (x < 5){

                    throw "小" ;

                }

                if (x > 10){

                    throw "大" ;

                }

            } catch (error) {

                message.innerHTML = "输入值：" + error ;

            } finally {

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

            }

        }

    </script>

</body>

</html>

以输入验证为实例作为依据，在38~39行加入 finally 语句，无乱try…catch 语句结果如何

Error 对象

  • JavaScript拥有内置的error对象

Error对象属性

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

Error Name Values

  • Error的name属性可返回六个不同的值
错误值 描述
EvalError 在eval()函数中发生的错误
RangeError 超出数字范围的错误
ReferenceError 发生非法引用的错误
SyntaxError 发生语法的错误
TypeError 发生类型的错误
URIError 在 encodeURI() 中发生的错误

JavaScript 错误异常的更多相关文章

  1. JavaScript错误/异常处理

    JavaScript Try...Catch 语句 介绍:JavaScript中的try...carch语句的作用和C#中的try...catch语句的作用一样, 都是捕获并处理异常. 语法: try ...

  2. 使用 Google Analytics 跟踪 JavaScript 错误

    Google Analytics(谷歌分析)不仅仅是一个流量统计工具,你还可以用它来测量广告活动的有效性,跟踪用户多远到所需的页面流(从点击广告到购物车到结账页面)获取,并基于用户的信息设置浏览器和语 ...

  3. javascript错误处理与调试（转）

    JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑. ECMAScript 第 3 版为了解决这个问题引入了 try...catch 和 throw 语 ...

  4. JavaScript错误处理

    JavaScript 错误 - Throw.Try 和 Catch JavaScript 测试和捕捉 try 语句允许我们定义在执行时进行错误测试的代码块. catch 语句允许我们定义当 try 代 ...

  5. 第一百二十三节，JavaScript错误处理与调试

    JavaScript错误处理与调试 学习要点: 1.浏览器错误报告 2.错误处理 3.错误事件 4.错误处理策略 5.调试技术 6.调试工具 JavaScript在错误处理调试上一直是它的软肋,如果脚 ...

  6. JavaScript 错误处理 Throw、Try 和 Catch

    try 语句测试代码块的错误. catch 语句处理错误. throw 语句创建自定义错误. JavaScript 错误 当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错 ...

  7. 【转】Javascript错误处理——try…catch

    无论我们编程多么精通,脚本错误怎是难免.可能是我们的错误造成,或异常输入,错误的服务器端响应以及无数个其他原因. 通常,当发送错误时脚本会立刻停止,打印至控制台. 但try...catch语法结构可以 ...

  8. 【转】JavaScript 错误处理与调试——“错误处理”的注意要点

    try-catch语句 该语句最适合处理那些我们无法控制的错误,在明明白白地知道自己的代码会发生错误时,再使用该语句就不太合适了. ECMA-262第3版引入了try-catch语句,基本的语法如下所 ...

  9. Atitit. Java script 多重多重catch语句的实现and Javascript js 异常机制

    Atitit. Java script 多重多重catch语句的实现and Javascript js 异常机制 1. 语法错误(ERROR)和运行期错误(Exception) 1 2. 错误类型判断 ...

随机推荐

  1. 【SDOI 2015】约数个数和

    Problem Description 设 \(d(x)\) 为 \(x\) 的约数个数,给定 \(N\).\(M\),求 \[ \sum_{i=1}^N \sum_{j=1}^M d(ij) \] ...

  2. iOS开发中，获取图片之后保存或下载到本地相册中

    #pragma mark 先获取本地图片或者网络图片 - (void)saveHeaderImageWith:(NSString *)path { UIImage *img = [UIImage im ...

  3. OpenCV:图像的裁剪

    import cv2 import matplotlib.pyplot as plt def show(image): plt.imshow(image) plt.axis('off') plt.sh ...

  4. RDIFramework.NET敏捷开发框架WinForm新增文件中心-实现附件集中管理

    1.引言 文件中心类似附件管理是一个非常实用功能,可以归档自己平时所需要的文件,也可以把文件分享给别人,更像一个知识中心.文件中心主界面如下图所示,左侧"附件分类"展示了用户对文件 ...

  5. 成功安装SQL Server实例后 无法找到SQL Server Configuration Manager工具的解决方案

    有一次成功安装SQL Server实例后 ,但是在所有程序中无法找到SQL Server Configuration Manager工具,以下步骤是我们当时的解决方案.最后成功将这个工具的转移到了桌面 ...

  6. android 完全区分double-tap 与 singal-tap 的方法

    需求:viewpager显示图片,需要在双击时对图片进行缩放,单击时在屏幕下方弹出popwindow,由于android的双击本质就是两次单击,但是又不想在双击时触发单击时的动作,所以就在网上各种搜解 ...

  7. Ubuntu笔记本安装高级电源管理工具TLP

    Ubuntu系统下的笔记本电脑电量总是下降的很快,尽管目前系统对电源管理的优化已经进步了不少,但还是需要一些工具来辅助. TLP是一款Linux下的高级电源管理工具,相信很多Linux用户会用到它. ...

  8. MongoDB学习笔记（二、MongoDB查询）

    目录: MongoDB数据类型 MongoDB新增语法 MongoDB查询语法 MongoDB查询选择器 MongoDB关联查询 MongoDB数据类型: MongoDB新增语法: 语法:db.col ...

  9. Tornado(1)

    概述 Tornado 是 FriendFeed 使用的可扩展的非阻塞式 web 服务器及其相关工具的开源版本.这个 Web 框架看起来有些像web.py 或者 Google 的 webapp,不过为了 ...

  10. 166. 数独 dancing links 方法

    dfs硬怼通过数独 N皇后的代码后 想学习下新的数据结构和算法来解决这类覆盖问题 习题练习 https://www.acwing.com/problem/content/168/ 数独 https:/ ...