자바스크립트/ 07. try~catch~finally

07. try~catch~finally

자바스크립트도 자바처럼 오류해결을 위해 try catch문을 쓸 수 있습니다.

<input type="text" id="demo">
<button type="button" onclick="myFunction()">test</button>
<p id="message"></p>
<p id="message1"></p>
<script>
    function myFunction(){
        var x = document.getElementById("demo").value;
        try{
            if(x=="") throw "empty";
            if(isNaN(x)) throw "not a number";
            x = Number(x);
            if(x<5) throw "too low";
            else if(x>10) throw "too high";
            else throw "good data";
        }catch(err){
            document.getElementById("message").innerHTML = "Input is " + err;
            msg = err;
        }finally{
            if(msg == undefined)
                document.getElementById("message1").innerHTML = "Good Data";
            else
                document.getElementById("message1").innerHTML = "Input " + msg;
        }
    }
</script>
 

-try문에서 에러 발생시 catch문으로 try문의 실행을 멈추고, throw를 통해 에러값을 넘겨줍니다. 

-throw는 error 메세지를 넘겨줍니다. 

-finally 문은 항상 실행되는 문장입니다.

<실행결과>