js错误捕捉抛出机制try-catch-throw

我们在写js的时候总会产生各种各样的错误,然后系统会报错,提示你错误是什么,这样很方便我们来修改错误。这就是浏览器内部封装好的错误处理机制。
很难想象,如果没有错误处理机制,代码运行不起来,可能我们想破头也想不出到底哪里出了错误。
下面是一个简单的错误处理的小例子。可以帮助我们快速理解其中的原理。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<p>请输入一个数字</p>
<input type="text" id="txt">
<input type="button" value="判断奇偶" onclick="message()">
<h3 id="output"></h3>
</body>
<script>
    function message()
    {
        try
        {
            var oIn = document.getElementById('txt');
            var oOut = document.getElementById('output');
            if(oIn.value%2==1){
                throw '这是奇数'
            }else if(oIn.value%2==0){
                throw '这是偶数'
            }else{
                throw '这不是数字'
            }
        }
        catch(err)
        {//这里的err 就是throw的错误内容
           oOut.innerText=err
        }
    }
</script>
</html>

try 语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。

阅读更多
个人分类: JavaScript
上一篇inline-block的那些事
下一篇六朝古都南京,是哪六朝?
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭