JavaScript异常错误处理

最新推荐文章于 2025-01-21 10:03:32 发布

CYC-WILLIAM

最新推荐文章于 2025-01-21 10:03:32 发布

阅读量538

点赞数

分类专栏：前端

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了JavaScript中的异常处理机制，包括异常的产生、抛出与捕获的过程。通过示例代码展示了如何使用try...catch语句来捕获并处理错误，以及如何通过throw语句自定义错误信息。

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

1.异常：

当JavaScript引擎执行JavaScript代码时，发生了错误，导致程序停止运行

2.异常抛出：

当异常产生，并且将这个异常生成一个错误信息

3.异常捕获：

try{
       发生异常的代码块
     }catch(err){
           错误信息处理
}

<html>
<head>
<script>
var txt="";
function message(){
   try{
        addlert("welcome")
        }
    catch(err){
         txt="本页有一个错误异常:"+err.message;
         alert(txt);
     }
</script>
</head>

<body>
<input type="button" value="button" onclick="message()">      
</body>
</html>

4.Throw语句通过throw语句创建一个自定义错误

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" onclick="myFunction()">Test Input</button>
<p id="mess"></p>