9. 예외처리

9. 예외처리란?

9-1. 오류의 종류

• 구문오류(Syntax Error)란? 프로그램이 실행하기 전에 발생하여 코드가 실행조차 되지 않는 문법적 오류를 말한다. 이 오류는 일반적으로 코드에 세미콜론이 누락되거나 짝이 맞지 않는 대괄호 또는 중괄호가 있는 등 자바스크립트가 요구하는 구문의 규칙이 충족되지 않을 때 발생한다. 구문 오류가 발생하게 되면 브라우저는 코드를 분석조차 하지 못하고 종료된다.

function error(){
    console.log('이 코드는 syntaxError가 던져질 거에요!'
}

• 런타임오류(runtime error) 또는 예외(exception)란? 코드의 실행 중간에 발생하는 오류로 ‘Syntax Error’ 이외의 모든 오류를 예외로 분류한다 (예: Reference Error, RangeError, TypeError, URIError 등). 프로그램을 실행할 때 발생하기 때문에 코드 실행 이전에는 오류를 발견하기 어렵다.
아래와 같이 존재하지 않는 메소드를 호출하면 ‘TypeError’ 오류가 발생한다.
 

window.printf();

9-2. 논리적 오류와 예외처리의 필요성

function add(a,b) {
    console.log(a * b)
};
add(3,5);

9-3. 기본 예외 처리와 에러의 전파

function error(a, b) {
    if (b <= 0) {
        throw "0 보다 큰 수를 입력하세요!";
    }
    return a / b;
}

console.log(error(12, 4));  // 3
console.log(error(3, 0));  // 0 보다 큰 수를 입력하세요

2. 고급 예외처리 방법

2-1. try-catch-finally

2-1-1. 기본 구조

try{

		//실행할 코드

} catch(error){

		/* try 코드 블록에서 error가 발생하면 실행되는 코드
			 try 구문에서 생성된 Error객체가 catch 매개변수로 전달 됨 */

} finally {

		/* 에러 발생과 무관하게 반드시 한 번 실행되는 코드
				try 블록이나 catch 블록이 실행을 마친 뒤, 마지막에 실행 됨*/

}

2-1-2. 동작 과정

• 에러 발생의 경우
1. try 코드 실행
2. try 실행 중 에러 발견, try 코드 실행 중단
3. try 구문 안에서 에러에 대한 정보가 담긴 Error객체를 생성하고 catch에게 전달
4. catch 코드 실행, catch 구문이 제어 흐름을 가짐
5. finally 코드 실행
 

• 에러가 발생하지 않은 경우
1. try 코드 전부 실행
2. finally 코드 실행
 

2-1-3. 예제

• 에러가 발생한 경우
 

try {

	  alert('try 블록 시작!'); 
	  const 과자 = '새우깡';
		과자 = '고구마깡'; //const 변수는 값을 변경할 수 없다. 에러 발생.
	  alert('try 블록 코드 전부 실행');

} catch(err) {

	  alert(err); //에러에 대한 정보가 담긴 Error 객체를 인자값을 받아서 alert함.

} finally{

		alert('finally');

}

//try 블록 시작!
//TypeError: Assignment to constant variable.
//finally

• 에러가 발생하지 않은 경우
 

try {

	  alert('try 블록 시작!'); 
	  const 과자 = '새우깡';
	  alert('try 블록 코드 전부 실행');

} catch(err) {

	  alert(err); 

}finally{

		alert('finally');

}

//try 블록 시작!
//try 블록 코드 전부 실행
//finally

fetch('잘못된 url')
.then(response => response.json())
.catch(err => alert(err));

//TypeError: Failed to execute 'fetch' on 'Window': Failed to parse URL from 잘못된 url
//Promise객체

2-1-4. 유의 사항

try {
    alert("try 시작");
    setTimeout(() => {
        const 과자 = "새우깡";
        과자 = "고구마깡";
        alert("try 블록 코드 전부 실행");
    }, 2000);
} catch (error) {
    alert(error);
} finally {
    alert("finally");
}

//try 시작
//finally
// Uncaught TypeError: Assignment to constant variable.

1. try-catch-finally 구문은 실행 가능한 코드에서 동작한다.
코드 식 자체가 성립이 안된다면 JS엔진이 코드 자체를 읽는 것이 불가하다. 따라서 에러가 발생하고 try-catch 함수를 읽지 못하게 된다.
 

try {
	  console.log('try'; //SyntaxError
} catch(error) {
	  alert(error);
}

//Uncaught SyntaxError: missing ) after argument list

catch 코드 블록을 읽지 못하고 구문 오류가 난 곳에서 바로 에러 메시지를 보낸다
 

2-2. 예외 객체와 throw구문

try {
	  const snack = '과자'; 
		snack = '음료수';
} catch(exception) {
	  console.log(`예외 이름 : ${exception.name}`);
	  console.log(`에외 메시지 : ${exception.message}`);
}

function getSnack(snack) {
    if (snack !== 0)
				return 10/snack;
    else
        throw 'snack 없음!';
}

try {
    let snack = 0;
    getSnack(snack);
} catch (e) {
    console.log(e);
    console.log('0으로는 나눌 수 없다!');
}

// snack 없음!
// 0으로는 나눌 수 없다!

throw - JavaScript | MDN

문은 사용자 정의 예외를 발생(throw)할 수 있습니다. 예외가 발생하면 현재 함수의 실행이 중지되고 ( throw 이후의 명령문은 실행되지 않습니다.), 제어 흐름은 콜스택의 첫 번째 블록으로 전달됩니다. 호출자 함수 사이에 catch 블록이 없으면 프로그램이 종료됩니다. 예외를 발생하기 위해 throw 문을 사용하세요. 예외를 발생시키면 expression 은 예외 값을 지정합니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/throw