JS处理代码中可能出现的错误信息:try catch finally

js中try、catch、finally的执行规则:
首先一个常识,在浏览器执行JS脚本过程中,当出现脚本错误,并且你没有手动进行异常捕捉时,他会在浏览器下面出现黄色的叹号,这是正常的,这也不是最重要的,最重要的是,出错行以下的所有JS代码将中停执行,这是我们不希望看到的,所以说,对于自己写的,拿不准的脚本还是加上异常捕捉比较好。

try: 测试代码块的错误,一般把可能会出错的代码放到这里

catch:捕获处理抛出的错误。 只有try里面的代码块发生错误时,才会执行这里的代码,参数err记录着try里面代码的错误信息

finally: 在 try 和 catch 之后,无论是否有触发异常,该语句都会执行。

throw: 创建或抛出自定义错误(异常)。

try catch缺点:

1.try catch耗性能

2.try catch捕获不到异步错误

3.try catch可能会导致报错点更模糊

例子:

<p>不管输入是否正确,输入框都会再输入后清空。</p>
<p>请输出一个 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入</button>
<p id="message"></p>
function myFunction () {
     var inpVal, message
     inpVal = document.getElementById("demo").value
     message = document.getElementById("message")
     try {
         if (inpVal == "") throw "值为空"
         if (isNaN(inpVal)) throw "值不是一个数字"
         inpVal = Number(inpVal)
         if (inpVal > 10) throw "太大"
         if (inpVal < 5) throw "太小"
     } catch (err) {
         message.innerHTML = "错误:" + err
     } finally {
         document.getElementById("demo").value = ""
     }
 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值