try ... catch ... finally 예제
<p>※ 레벨은 2 ~ 10 만 입력 가능</p>
<input id="level" type="text">
<button type="button" onclick="homzzang()">클릭</button>
<p id="message"></p>
<script>
function homzzang() {
var message, x;
message = document.getElementById("message");
message.innerHTML = "";
x = document.getElementById("level").value;
try {
if(x == "") throw " 없음.";
if(isNaN(x)) throw " 숫자 아님.";
if(x > 10) throw "너무 큼.";
if(x < 2) throw "너무 작음.";
}
catch (err) {
message.innerHTML = "입력값 " + err;
}
finally {
document.getElementById("level").value = "";
}
}
</script>
결과보기
try ... catch ... finally 정의
코드 실행 동안 코드 블록에서 발생 가능한 일부 또는 모든 오류를 처리.
1.
오류는 코딩 에러, 잘못된 입력, 예측 불가사항 등으로 인해 발생하는데,
try ... catch ... finally 구문을 사용하면 코드 실행 중에 처리가 가능함.
2.
try 문 : 코드 실행되는 동안 테스트 할 코드 블록 정의.
catch 문 : try 블록에서 오류가 발생할 경우 실행할 코드 블록 정의.
finally 문 : 결과와 상관없이, try ... catch 문 후에 코드 실행 가능.
3.
catch 및 finally 문은 모두 선택사항이지만, try 문 사용 동안 둘 중 하나만 사용해야 함.
4.
오류가 발생하면 JS는 일반적으로 중지되고 오류 메시지 생성함. throw 사용하면 프로그램 흐름을 제어하고 사용자 지정 오류 메시지를 생성 가능.
5.
더 자세한 JS 오류 제어는 여기 참고.
