首页 > 其他 > 详细

try/catch/finally

时间:2018-09-07 10:39:00      阅读:123      评论:0      收藏:0      [点我收藏+]

最近再看一个vue项目源码时看到其中很多地方用到了try和catch,很多地方都有用到但不知道其作用是什么,今天经过查阅整理如下:

try可以理解为代码的执行检测模块。再try中放置的代码一般会经过检测是否有异常错误。如果有会经过catch进行捕获。而finally呢?

这个东西他不管有没有报错他都会执行。

demo如下:

<p>请输入 5 和 10 之间的一个数:</p>
 
<input id="demo" type="text">
<button type="button" onclick="myFunction()">检测输入</button>
<p id="message"></p>
 
<script>
function myFunction() {
    var message, x;
    message = document.getElementById("message");
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try { 
        if(x == "")  throw "为空";
        if(isNaN(x)) throw "不是一个数字";
        if(x > 10)   throw "太大了";
        if(x < 5)    throw "太小了";
    }
    catch(err) {
        message.innerHTML = "输入的值 " + err;
    }
}
</script>

配合throw输出可以合理的打印出错误信息

try/catch/finally

原文:https://www.cnblogs.com/bgwhite/p/9602538.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!