js中try _catch的基本用法

最新推荐文章于 2024-06-19 09:06:20 发布

多秋浮沉度华年

最新推荐文章于 2024-06-19 09:06:20 发布

阅读量1w

点赞数 12

分类专栏： js

本文链接：https://blog.csdn.net/webshao/article/details/104536815

版权

js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1:事例
链接地址：https://www.runoob.com/jsref/jsref-try-catch.html

try {
    adddlert("欢迎光临！");
}
catch(err) {
    document.getElementById("demo").innerHTML = err.message;
}

注：
1.try/catch/finally 语句用于处理代码中可能出现的错误信息
2.try语句允许我们定义在执行时进行错误测试的代码块
3.catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块
4.finally 语句在 try 和 catch 之后无论有无异常都会执行
5.注意： catch 和 finally 语句都是可选的，但你在使用 try 语句时必须至少使用一个。
提示：当错误发生时， JavaScript 会停止执行，并生成一个错误信息。使用 throw 语句来创建自定义消息(抛出异常)。如果你将 throw 和 try 、 catch一起使用，就可以控制程序输出的错误信息

2：语法

try {
    tryCode - 尝试执行代码块
}
catch(err) {
    catchCode - 捕获错误的代码块
} 
finally {
    finallyCode - 无论 try / catch 结果如何都会执行的代码块
}

实例

<body>
    <p>请输出一个5到10的数字</p>
    <input type="text" id="demo">
    <button onclick="myFunction()">查询</button>
    <p id="mess"></p>
    
</body>
<script type="text/javascript">

function myFunction(){
    //try和catch必须一起使用,当在try里面接受到值并进行判断会抛出异常，catch就会接受抛出的错误
    //finally使你能够使用代码，在try和catch之后，不管结果如何都会执行,不管对错都会执行
    try{ 
        var x = document.getElementById("demo").value  //获取元素的值
        //在下面判断，如果错误就抛出错误   throw抛出错误到catch(err)
        if(x=="") throw "值为空"   
        if(isNaN(x)) throw "不是数字"
        if(x<5) throw "数字过小"
        if(x>10) throw "数字太大"

    }
    //这里的err接受的时上面throw抛出的错误
    catch(err){
        var  y =document.getElementById("mess")
        y.innerHTML="错误:" + err    //页面显示错误

    }finally{
        alert("我一直都会执行" )
        document.getElementById("demo").value= "";
    }
}
</script>

多秋浮沉度华年

关注

12
点赞
踩
26

收藏

觉得还不错? 一键收藏
0
评论
js中try _catch的基本用法

1:事例链接地址：https://www.runoob.com/jsref/jsref-try-catch.htmltry { adddlert("欢迎光临！");}catch(err) { document.getElementById("demo").innerHTML = err.message;}注：1.try/catch/finally 语句用于处理代码中...
复制链接

扫一扫

专栏目录