首页 > 编程语言 > 详细

JavaScript错误处理

时间:2019-06-19 22:44:06      阅读:98      评论:0      收藏:0      [点我收藏+]

try语句测试代码块的错误。
catch语句处理错误。
throw语句创建自定义错误。

JavaScript错误
当JavaScript引擎执行JavaScript代码时,会发生各种错误:
可能是语法错误,通常是程序员造成的编码错误或错别字。
可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。
可能是由于来自服务器或用户的错误输出而导致的错误。
当然,也可能是由于许多其他不可预知的因素。

JavaScript抛出(throw)错误
当错误发生时,当事情出问题时,JavaScript引擎通常会停止,并生成一个错误信息。
描述这种情况的技术术语是:JavaScript将抛出一个错误。


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


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


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

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 
 5     <meta charset = "utf-8">
 6     <title>JavaScript错误处理Throw、Try和Catch</title>
 7     <script>
 8         function myFunction(){
 9             try{ 
10                 var x = document.getElementById("demo").value;
11                 if(x == "")            throw "值为空";
12                 if(isNaN(x))           throw "不是数字";
13                 if(x >20)              throw "太大";
14                 if(x >= 10 && x <= 20) throw "true";
15                 if(x < 10)             throw "太小";
16             }
17             catch(err){
18                     var y = document.getElementById("mess");
19                     y.innerHTML = "错误:" + err + "";
20             }
21         }
22     </script>
23 </head>
24 <body>
25 
26     <h1>JavaScript错误处理</h1>
27     <p>请输出一个 10 到 20 之间的数字:</p>
28     <input id = "demo" type="text">
29     <button type = "button" onclick = "myFunction()">测试输入</button>
30     <p id = "mess"></p>
31 
32 </body>
33 </html>

代码演示:

技术分享图片

JavaScript错误处理

原文:https://www.cnblogs.com/huguo/p/11055310.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!