JavaScript基础知识点速览------错误与调试

最新推荐文章于 2024-09-03 09:39:25 发布

stuttering~

最新推荐文章于 2024-09-03 09:39:25 发布

阅读量66

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/crimsonnn/article/details/116208808

版权

Javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

JavaScript错误
当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。然后错误发生时，JavaScript 引擎通常会停止，并生成一个错误消息。我们叫JavaScript抛出了一个错误
为了应对这种情况，JavaScript提供了try语句，finally语句，catch语句和throw语句

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

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

try {
    ...    //异常抛出
} catch(e) {
    ...    //异常捕获与处理
}

try和catch语句通常成对出现

throw语句
throw 语句让我们可以创建自定义错误。
如果把 throw 与 try 和 catch 一起使用，那么就能够控制程序流，并生成自定义的错误消息。

下面看一个示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript错误</title>
    <script>
    function myFunction(){
        var message,x;
        message = document.getElementById("message");
        message.innerHTML = "";
        x = document.getElementById("demo").value;
        try {
            if(x == "") throw "值为空";
            if(isNaN(x)) throw "不是数字";
            if(x > 10) throw "值太大"
            if(x < 5) throw "值太小"
            } 
            catch(err){
               message.innerHTML = "错误：" +err;
            }
        }
    </script>
</head>
<body>
    <p>输入一个5~10的数字</p>

    <input id="demo" type="text">
    <button type="button" onclick="myFunction()">check</button>
    <p id="message"></p>
</body>
</html>

以下是几次测试运行结果
在这里插入图片描述