我们在写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 语句创建自定义错误。