Javascript的异常捕获

最新推荐文章于 2023-06-06 16:39:12 发布

Mr_xiong_

最新推荐文章于 2023-06-06 16:39:12 发布

阅读量312

点赞数

分类专栏：前端代码文章标签： js异常捕获

本文链接：https://blog.csdn.net/Mr_xiong_/article/details/100107507

版权

前端代码专栏收录该内容

3 篇文章 0 订阅

订阅专栏

js异常捕获

1.异常

	当JavaScript引擎执行JavaScript代码时,发生了错误,导致程序停止运行

2.异常抛出

	当异常产生，并将这个异常生成一个错误信息。

3.异常捕获

	try{
		//发生异常的代码块；
	}catch{
			//错误信息处理
	}

	1.实例：	
	function demo(){
		try{							//执行代码块内是否有异常
				alert(str);		//str变量未定义
			}catch(err){				//出现异常后执行
				alert(err);		//str未定义，输出错误信息
			}
		}
		demo();

在这里插入图片描述

如上图所示，如执行代码块异常会输出错误信息！！，反则代码块执行正确则会正常输出结果！

2.实例

	function demo(){
		var str = "hello world";		//定义str赋值结果“hello world”；
		
		try{							//执行代码块内是否有异常
				alert(str);		//str变量未定义
			}catch(err){				//出现异常后执行
				alert(err);		//str未定义，输出错误信息
			}
		}
		demo();

在这里插入图片描述
###4.Throw语句
通过throw语句创建一个自定义错误。

	1.实例
	<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

</head>
<body>
<form action="">
    <input type="text" id="text">
    <input type="button" id="btn" onclick="demo()" value="确认" >
</form>

<script>

    function demo(){
        try{
              var e = document.getElementById("text").value;
              if(e == "") {
                    throw "内容为空，请输入内容！";
              }
           }catch(err){
            
            alert(err);

        }

    }


</script>
</body>
</html>

在这里插入图片描述
上述内容框如果内容为空，则输出错误报告 "内容为空，请输入内容！";

Javascript错误报告非常简单，也非常实用，在大型网站搭建的过程中会出现很多不一样的错误，只需要自定义错误报告我们就能很清晰的知道错误所在，而快速的解决问题！

Mr_xiong_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript的异常捕获

js异常捕获1.异常当JavaScript引擎执行JavaScript代码时,发生了错误,导致程序停止运行2.异常抛出当异常产生，并将这个异常生成一个错误信息。3.异常捕获 try{ //发生异常的代码块； }catch{ //错误信息处理 } 1.实例： function demo(){ try{ //执行代码块内是否有异常 al...
复制链接

扫一扫