자바스크립트 오류

try 문은 코드 블록의 오류를 테스트합니다.

catch문 처리 오류입니다.

throw 문은 사용자 정의 오류를 생성합니다.

JavaScript 오류

JavaScript 엔진이 JavaScript 코드를 실행하면 다양한 오류가 발생합니다.

구문 오류일 수 있습니다. 일반적으로 프로그래머가 작성한 코딩 오류 또는 오타입니다.

철자 오류이거나 언어 기능 누락일 수 있습니다(브라우저 차이로 인해).

서버나 사용자의 잘못된 출력으로 인해 오류가 발생할 수 있습니다.

물론 그 밖에도 예측할 수 없는 다양한 요인이 있을 수 있습니다.

JavaScript에서 오류가 발생합니다

오류가 발생하거나 문제가 발생하면 일반적으로 JavaScript 엔진이 중지되고 오류 메시지가 생성됩니다.

이 상황을 설명하는 기술 용어는 다음과 같습니다. JavaScript는 오류를 발생시킵니다 .

JavaScript try and catch

try 문을 사용하면 실행 시 오류가 테스트되는 코드 블록을 정의할 수 있습니다.

catch 문을 사용하면 try 코드 블록에서 오류가 발생할 때 실행할 코드 블록을 정의할 수 있습니다.

JavaScript 문 try와 catch가 쌍으로 나타납니다.

구문

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

예제

다음 예에서는 의도적으로 try 블록의 코드에 오타를 썼습니다.

catch 블록은 try 블록의 오류를 포착하고 코드를 실행하여 이를 처리합니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
var txt="";
function message(){
	try {
		adddlert("Welcome guest!");
	}
	catch(err) {
		txt="本页有一个错误。\n\n";
		txt+="错误描述：" + err.message + "\n\n";
		txt+="点击确定继续。\n\n";
		alert(txt);
	}
}
</script>
</head>
<body>

<input type="button" value="查看消息" onclick="message()" />

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

Throw 문

throw 문을 사용하면 사용자 정의 오류를 만들 수 있습니다.

올바른 기술 용어는 생성 또는 예외 발생(예외)입니다.

try 및 catch와 함께 throw를 사용하면 프로그램 흐름을 제어하고 사용자 정의 오류 메시지를 생성할 수 있습니다.

구문

throw Exception

Exception은 JavaScript 문자열, 숫자, 논리값 또는 물체.

예제

입력 변수의 값을 감지하는 예입니다. 값이 잘못된 경우 예외(오류)가 발생합니다. catch는 이 오류를 포착하고 다음과 같은 사용자 정의 오류 메시지를 표시합니다.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
function myFunction(){
	try{ 
		var x=document.getElementById("demo").value;
		if(x=="")    throw "值为空";
		if(isNaN(x)) throw "不是数字";
		if(x>10)     throw "太大";
		if(x<5)      throw "太小";
	}
	catch(err){
		var y=document.getElementById("mess");
		y.innerHTML="错误：" + err + "。";
	}
}
</script>
</head>
<body>

<h1>我的第一个 JavaScript</h1>
<p>请输出一个 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入</button>
<p id="mess"></p>

</body>
</html>