站长网 资讯 了解JavaScript错误的原理

了解JavaScript错误的原理

一、JavaScript try … catch语句 try语句允许定义一个代码块,该代码块在执行时将进行错误测试,catch如果try块中发生错误,则该语句允许您定义要执行的代码块。 JavaScript语句try和catch成对出现。 try{ //try_statements-尝试尝试的语句 }catch(err)

一、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; 

本文来自网络,不代表站长网立场,转载请注明出处:https://www.tzzz.com.cn/html/biancheng/zx/2021/0601/8513.html

作者: dawei

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

联系我们

0577-28828765

在线咨询: QQ交谈

邮箱: xwei067@foxmail.com

工作时间:周一至周五,9:00-17:30,节假日休息

返回顶部