JS异常处理——throw和try、catch以及debugger

远近高低各不同

于 2023-11-28 10:04:14 发布

阅读量790

点赞数 8

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_74577714/article/details/134660680

版权

让我为大家介绍一下异常处理吧！
异常处理是指预估代码执行过程中可能发生的错误，然后最大程度的避免错误的发生导致整个程序无法继续运行

throw 抛异常

第一种写法

    function fun(x, y) {
        // undefined是false 但取反就是true
        if (!x || !y) {
            // 第一种写法 会终止程序
            throw "没有传递参数进来"
        }
        return x + y
    }
    fun()

在这里插入图片描述
第二种写法常用的写法

    function fun(x, y) {
        // undefined是false 但取反就是true
        if (!x || !y) {
            //第二种写法 会终止程序
            throw new Error("没有参数传递进来")
        }
        return x + y
    }
    fun()

会告诉你第几行有问题
在这里插入图片描述
总结：
1.throw 抛出异常信息，程序也会终止执行
2.throw 后面跟的是错误提示信息
3.Error 对象配合 throw 使用，能够设置更详细的错误信息

try / catch 捕获错误信息

我们可以通过 try / catch 捕获错误信息（浏览器提供的错误信息）
try 试试 catch 拦住 finally 最后

<body>
    <div>111</div>
</body>
<script>
    function fun(){
        try {
            // 可能发生错误信息的代码写到try里
            // 我们使用类选择器去获取，但我们没定义类，展示作用
            let div = document.querySelector(".div")
            div.style.color = "pink"
        }catch(err){ //写一个形参
            // 拦截错误，提示浏览器提供的错误信息，但是不中断程序的执行
            console.log(err.message) //查看提示信息
            // 需要终止需要添加return 中断程序
            // return
        }
        finally {
            // 不管程序对不对 一定会执行的代码
            console.log("我一定会执行")
        }
        console.log("不终止，想终止加return")
    }
    fun()
</script>