22、js - 处理异常

EchoLiner

已于 2023-06-06 15:14:14 修改

阅读量92

点赞数

文章标签： javascript 开发语言 ecmascript 前端前端框架 Powered by 金山文档

于 2023-06-06 14:58:00 首次发布

本文链接：https://blog.csdn.net/EchoLiner/article/details/131067941

版权

<body>
    <!-- <button>我是按钮</button> -->
</body>

</html>

<script>

    // throw
    // throw '必须要传 a 和 b';
    // throw new Error('必须要传 a 和 b');
    function fn(a, b) {
        if (!a && !b) {
            // throw '必须要传 a 和 b';
            throw new Error('必须要传 a 和 b');
        }
        return a + b;
    }
    console.log(fn(1, 2)); // 3


    // try { } catch(error){ } finally { }
    // try：捕获异常
    // catch：处理异常，可以通过error参数获取到报错信息
    // finally：不管是否有异常，最后都会执行
    try {
        const btn = document.querySelector('button');
        btn.style.color = "red";
    } catch (error) {
        // 假如页面没有button按钮
        console.log(error); // TypeError: Cannot read properties of null (reading 'style')
    } finally {
        console.log(1);  // 1
    }

</script>