[TCP School/자바스크립트] 예외 처리

2023. 4. 27. 11:35

예외(exception)란 프로그램이 실행 중에 발생하는 런타임 오류를 의미한다.

이러한 예외가 발생하지 않도록 미리 방지하는 것도 중요하지만, 발생한 예외를 처리하는 방법또한 중요하다.


예외 발생

예외를 발생시킨다는 것은 명시적으로 오류를 발생시킨다는 의미뿐만아니라 예외 상황을 알린다는 의미도 있다.

 

자바스크립트에서는 throw 키워드를 사용하여 예외를 발생시킬 수 있다.

thorw 표현식;

표현식에는 예외 코드를 나타내는 숫자나 오류 메시지를 담고 있는 문자열, Error 객체 등이 올 수 있다.


예외 처리

자바스크립트에서는 프로그램이 실행되는 도중 발생하는 예외를 처리하기 위해 try / catch / finally 문을 사용한다.

 

1. try 블록 : 기본적으로 가장 먼저 실행되는 코드이며, 여기에서 발생한 예외는 catch 블록에서 처리한다.

2. catch 블록 : try 블록에서 발생한 예외 코드나 Error 객체를 인수로 전달받아 그 처리를 담당한다.

3. finally 블록 : 이 블록은 try 블록에서 예외가 발생하든 안하든 무조건 실행된다.

 

catch 블록과 finally 블록은 선택적인 옵션으로 반드시 사용할 필요는 없다.


Error 객체

자바스크립트에서는 런타임 오류가 발생할 때마다 Error 객체의 인스턴스가 만들어져 해당 오류의 정보를 저장한다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>error</title>
</head>
<body>
    <h1>예외 발생</h1>
    <button id='throwBtn'>예외 발생</button>
    <p id="text"></p>

    <script>
        var btn = document.getElementById('throwBtn');
        btn.addEventListener('click', throwEx);

        function throwEx() {
            try {
                throw new Error('직접 발생시킨 에러입니다.');
            } catch(ex) {
                document.getElementById('text').innerHTML = ex.name + '<br>';
                document.getElementById('text').innerHTML += ex.message;
            }
        }
    </script>
</body>
</html>

 

버튼 누르기 전
버튼 누른 후


TCP School의 강의 내용을 정리한 포스트입니다.

http://www.tcpschool.com/javascript/intro

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

BELATED ARTICLES

more