JavaScript 错误 Throw、Try和Catch

最新推荐文章于 2024-01-13 01:45:29 发布

原创最新推荐文章于 2024-01-13 01:45:29 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了JavaScript中的错误处理机制，包括Try语句用于测试代码块的错误，Catch语句用于处理这些错误，以及Throw语句用于创建自定义错误。通过示例展示了如何使用Try-Catch结构来捕获并处理不同类型的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript错误 Throw、Try和Catch

Try语句测试代码块的错误，Catch语句处理代码块的错误,Throw语句创建自定义错误

错误一定会发生

当JavaScript引擎执行JavaScript代码时，会发生各种错误：

可能是编码错误，通常是程序员造成的编码错误或错别字

可能是拼写错误或语言错误（因为浏览器的差异）

可能是由于来自服务器或用户的错误输出而导致的错误。

当然，也可能是由于许多其他不可预知的因素。

JavaScript错误抛出

当错误发生时，当事情出问题时，JavaScript引擎通常会停止，产生一个错误信息

描述这种情况的技术术语是：JavaScript 将抛出一个错误。

JavaScript测试和捕捉

try语句允许我们定义在执行时进行错误测试的代码块

catch语句允许我们定义当try代码块发生错误时,所执行的代码块

JavaScript语句try和catch是成对出现的

try{

//在这里运行代码

}

catch{

//在这里处理错误

}

egg：

<!DOCTYPE html>
<html>
<head>
<script>
var txt="";
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Error description: " + err.message + "\n\n";
  txt+="Click OK to continue.\n\n";
  alert(txt);
  }
}
</script>
</head>

<body>
<input type="button" value="View message" οnclick="message()">
</body>

</html>

Throw语句允许我们创建自定义错误

正确的技术术语是：创建或抛出异常（exception）。

如果把 throw 与 try 和 catch 一起使用，那么您能够控制程序流，并生成自定义的错误消息。

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

<script>
function myFunction()
{
try
  {
  var x=document.getElementById("demo").value;
  if(x=="")    throw "empty";
  if(isNaN(x)) throw "not a number";
  if(x>10)     throw "too high";
  if(x<5)      throw "too low";
  }
catch(err)
  {
  var y=document.getElementById("mess");
  y.innerHTML="Error: " + err + ".";
  }
}
</script>

<h1>My First JavaScript</h1>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" οnclick="myFunction()">Test Input</button>
<p id="mess"></p>