JavaScript学习笔记——JS错误处理

JavaScript 错误

try 语句测试代码块的错误

catch 语句处理错误

throw 语句创建自定义错误

JavaScript抛出错误

当错误发生时，当事情出问题时，JavaScript 引擎通常会停止，并生成一个错误消息

描述这种情况的技术术语是：JavaScript 将抛出一个错误

JavaScript 测试和捕捉

try 语句允许我们定义在执行时进行错误测试的代码块

catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块

JavaScript 语句 try 和 catch 是成对出现的

try
  {
    
    
  //在这里运行代码
  }
catch(err)
  {
    
    
  //在这里处理错误
  }

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        try{
    
    
            aalert("警告");
        }
        catch(e){
    
    
            console.log(e);
            console.log([e]);
            console.log(e.message);
            console.log(e.stack);
        }
    </script>
</body>
</html>

在这里插入图片描述

Throw 语句

throw 语句允许我们创建自定义错误

正确的技术术语是：创建或抛出异常（exception）

如果把 throw 与 try 和 catch 一起使用，那么您能够控制程序流，并生成自定义的错误消息

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<input type="text" class="test" />
		<button onclick="fn()">input</button>
		<br />
		<div class="output"></div>

		<script>
			function fn(){
    
    
			    try{
    
    
			    var input = document.querySelector(".test").value;
			    if(input==""){
    
    
			        throw "empty";
			    }
			    if(isNaN(input)){
    
    
			        throw "not a number";
			    }
			    if(input>100){
    
    
			        throw "too high";
			    }
			    if(input<60){
    
    
			        throw "too low";
			    }
                else{
    
    
                    throw "good";
                }
			    }
			    catch(e){
    
    
			    var output = document.querySelector(".output");
                output.innerHTML = e;
			    }
			}
		</script>
	</body>
</html>