• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript Exception Handling</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>예외 발생</h1>
12
    <button id="throwExBtn">예외 발생!</button>
13
    <p id="text"></p>
14
​
15
    <script>
16
        var btn = document.getElementById("throwExBtn");        // 아이디가 "throwExBtn"인 요소를 선택함.
17
        btn.addEventListener("click", throwEx);                 // 선택한 요소에 click 이벤트 리스너를 등록함.
18
        function throwEx() {
19
            try {
20
                throw new Error("직접 발생시킨 에러입니다!");  // Error 객체를 사용해 명시적으로 에러를 발생시킴.
21
            } catch (ex) {  // 발생된 에러를 매개변수 ex로 접근할 수 있음.
22
                document.getElementById("text").innerHTML = ex.name + "<br>";   // name 프로퍼티는 에러의 타입을 저장함.
23
                document.getElementById("text").innerHTML += ex.message;        // message 프로퍼티는 에러 메세지를 저장함.
24
            }
25
        }
26
    </script>
27
28
</body>
29
​
30
</html>