08-1. 구문 오류와 예외

코드의 오류 상황

- 코드가 실행조차 되지 않는 오류(구문오류 syntax error)

- 코드 실행 중간에 발생하는 오류 혹은 런타임 오류(예외 exception)

 

구문오류

구문오류는 괄호의 짝을 맞추지 않았다든지, 문자열을 열었는데 닫지 않았다든지 할 때 발생하는 오류입니다.

 

<script>
console.log("괄호를 닫지 않는 실수를 했습니다."
</script>

//해결법
<script>
console.log("괄호를 닫지 않는 실수를 했습니다.")
</script>

 

예외

예외 또는 런타임 오류는 실행중에 발생하는 오류를 의미합니다. 

<script>
    //프로그램 시작확인
    console.log('# 이 프로그램이 시작되었습니다.!');
    
    //구문 오류가 발생하는부분
    console.rog("log를 rog로 잘못 입력했습니다.");
</script>

위에 코드는 "#프로그램이 시작되었습니다!"라는 문자열을 출력되면서 코드는 시작됩니다. 하지만 실행중에 오류 console.rog에서 오류가 진행됩니다.

 

기본 예외처리

조건문을 사용해서 예외가 발생하지 않게 만드는 것을 기본 예외 처리라고 부릅니다.

document.addEventListener('DOMContentLoaded',()=>
    {
        const h1 = document.querySelector('h1')
        if(h1){
            h1.textContent = '안녕하세요'
        }else
        console.log('h1 태그를 추출할수 없습니다.')
    })

문제가 발생할 수 있는 부분은 조건문등으로 처리해줄수 있다.

 

 

고급 예외처리

try catch finally 구문을 사용해서 예외를 처리하는 방법을 고급 예외처리라고 부릅니다.

try{
   //예외가 발생할 가능성이 있는 코드
}
catch(exception)
{
//예외가 발생했을때 실행할 코드
}finally
{
//무조건 실행할 코드
}