javascript 捕获异常

最新推荐文章于 2026-04-07 20:29:32 发布

转载最新推荐文章于 2026-04-07 20:29:32 发布 · 853 阅读

收录于

当前文章被收录于：

99 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍 JavaScript 中如何捕获并处理异常，包括使用 try...catch 结构、理解异常对象属性以及常见错误类型解析，从而提高代码调试效率。

javascript 中的捕获异常:
大家是不是觉得调试javascript非常的痛苦，我也觉得。
只要能找到一点可以帮助我们调试javascript的好方法我们都要用上。

其实javascript中也可以捕获异常的，比如：

<div id='bbb' style="display:none">asdf</div>
<script>
    function a()
    ...{
        try
        ...{
            var aaa = document.getElementById('bbb');
            alert(aaa.innerText);
        }
        catch (e)
        ...{
            alert('错误' + e.message + '发生在' + e.lineNumber + '行');
        }
    }
    a();
</script>

<div id='bbb' style="display:none">asdf</div>
<script>
    function a()
    ...{
        try
        ...{
            var aaa = document.getElementById('sakdhglas');
            alert(aaa.innerText);
        }
        catch (e)
        ...{
            alert('错误' + e.message + '发生在' + e.lineNumber + '行');
        }
    }
    a();
</script>
就会报错了，js的异常e除了e.message 和 e.lineNumber之外还有一个重要的属性 e.name

e.name 错误类型,
e.message 错误的详细信息.

Error.name的六种值对应的信息：
1. EvalError：eval()的使用与定义不一致
2. RangeError：数值越界
3. ReferenceError：非法或不能识别的引用数值
4. SyntaxError：发生语法解析错误
5. TypeError：操作数类型错误
6. URIError：URI处理函数使用不当

这样你的js代码在运行到有捕获异常的代码时，就算代码出错了，也会继续往下运行代码，不会停止，而且使用了异常对js的调试也有一定的帮助。