设为首页 - 加入收藏 华夏网 ()- 云主机,资讯,互联网,人工智能,云计算,大赢家论坛,区块链,VR,站长网!
热搜: 系统 删除 2019
当前位置: 主页 > 水果奶奶论坛 > 正文

了解JavaScript错误的原理

发布时间:2021-06-04 02:59 所属栏目:[水果奶奶论坛] 来源:未知
导读:一、JavaScript try ... catch语句 try语句允许定义一个代码块,该代码块在执行时将进行错误测试,catch如果try块中发生错误,则该语句允许您定义要执行的代码块
一、JavaScript try ... catch语句

try语句允许定义一个代码块,该代码块在执行时将进行错误测试,catch如果try块中发生错误,则该语句允许您定义要执行的代码块。

JavaScript语句try和catch成对出现。

try { 

 //try_statements-尝试尝试的语句 

}catch(err){ 

 //catch_statements-处理错误的语句 

完整代码:

例中,将“alert”写为“aaalert”来故意产生错误。

<!DOCTYPE html> 

<html> 

<title>项目</title> 

 

<body style="background-color: aqua;"> 

<h1>JavaScript Error</h1> 

 

<p>将" alert"写为" aaalert"来故意产生错误:</p> 

 

<p id="result"></p> 

<script> 

try { 

aaalert("Hello world"); 

} catch (e) { 

document.getElementById("result").innerHTML = e.name + "<br>" + e.message; 

</script> 

 

</body> 

</html> 

将" alert"写为" aaalert"来故意产生错误:

发生错误时,JavaScript通常会停止运行,并创建一个具有两个属性的Error对象:name和message。

二、JavaScript throw语句

throw语句引发用户定义的异常。

throw语句允许您创建自定义错误。从技术上讲,这称为“引发异常 ”。异常可以是JavaScript字符串,数字,布尔值或对象。

throw "Invalid";  // 生成带有字符串值的异常 

 throw 32;   // 生成值为32的异常 

 throw true;   // 生成值为true的异常 

如果throw与try和一起使用catch,则可以指定程序流程并生成自定义错误消息。

在例中,如果传递任何非数字参数,则getRectArea()将引发自定义错误:

<script> 

function getRectArea(width, height) { 

  if (isNaN(width) || isNaN(height)) { 

     throw "参数不是数字!"; 

  } 

 

try { 

  getRectArea(5, 'Z'); 

catch(err) { 

  document.getElementById('para').innerHTML = err; 

</script> 

1. 输入验证

如果值错误,则引发异常(err)。catch语句捕获异常(err),并显示自定义错误消息。

var x = document.querySelector("input").value; 

try { 

  if(x == "")  throw "is Empty"; 

  if(isNaN(x)) throw "Not a Number"; 

  if(x > 10)   throw "too High"; 

  if(x < 5)throw "too Low"; 

catch(err) { 

  document.getElementById("para").innerHTML = "Input " + err; 

【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章