모던 자바스크립트 47장 에러 처리

47.1 에러 처리의 필요성

에러가 발생하지 않는 코드를 작성하는 것은 불가능하다. 에러는 언제나 발생할 수 있고 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료된다.

 

에러처리를 하지 않은 프로그램

에러에 의해 프로그램이 강제 종료되어 [End]같은 아래 코드는 실행되지 않는다.

 

에러 처리를 한 프로그램

try catch문으로 에러를 적절하게 대응하여 프로그램이 강제 종료되지 않고 계속해서 코드를 실행시킬 수 있다.

 

에러나 예외적인 상황은 너무나 다양하기 때문에 아무런 조치없이 프로그램이 강제 종료된다면 원인을 파악하여 대응하기 어렵다.

 

 

47.2 try ... catch ... finally 문

기본적으로 예외처리를 구현하는 방법은 크게 두가지가 있다. 예외적인 상황이 발생하면 반환하는 값(null 또는 -1)을 if문이나 단축평가 또는 옵셔널 체이닝 연산자를 통해 확인해서 처리하는 방법과 에러처리 코드를 미리 등록해놓고 에러가 발생하면 에러 처리 코드로 점프하도록 하는 방법이 있다.

 

 try ... catch ... finally 문은 두 번째 방법이다. 일반적으로 이 방법을 에러 처리라고 한다.

 

try ... catch ... finally 문으로 에러처리를 한 코드

 

 

47.3 Error 객체

Error 생성자 함수는 에러 객체를 생성한다. Error 생성자 함수에는 에러를 상세히 설명하는 에러 메세지를 인수로 전달할 수 있다.

Error 생성자 함수가 생성한 에러 객체는 message 프로퍼티와 stack 프로퍼티를 갖는다. message 프로퍼티의 값은 Error 생성자 함수에 인수로 전달한 에러 메세지이고, stack 프로퍼티의 값은 에러를 발생시킨 콜스택의 호출정보를 나타내는 문자열이며 디버깅 목적으로 사용된다. 

 

자바스크립트는 Error 생성자 함수를 포함해 7가지 에러 객체를 생성할 수 있는 Error 생성자 함수를 제공한다. 

아래 에러 객체의 프로토타입은 모두 Error.prototype이다.

• Error : 일반적 에러 객체
• SyntaxError : 자바스크립트 문법에 맞지 않는 문을 해석할 때 발생하는 에러 객체
• ReferenceError : 참조할 수 없는 식별자를 참조했을 때 발생하는 에러 객체
• TypeError : 피연산자 또는 인수의 데이터 타입이 유효하지 않을 때 발생하는 에러 객체
• RangeError : 숫자값의 허용 범위를 벗어났을 때 발생하는 에러 객체
• URIError : encodeURI 또는 decodeURI 함수에 부적절한 인수를 전달했을 때 발생하는 에러 객체
• EvalError : eval 함수에서 발생하는 에러 객체

 

 

47.4 throw 문

Error 생성자 함수로 에러 객체를 생성한다고 에러가 발생하는 것은 아니다. 즉 에러 객체 생성과 에러 발생은 의미가 다르다.

에러를 발생시키려면 try 코드 블록에서 throw 문으로 에러 객체를 던져야한다. throw 문의 표현식은 어떤 값이라도 상관없지만 일반적으로 에러 객체를 지정한다. 에러를 던지면 catch 문의 에러 변수가 생성되고 던져진 에러 객체가 할당된다. 그리고 catch 코드 블록이 실행되기 시작한다. 

 

예를 들어 외부에서 전달받은 콜백 함수를 n번만큼 반복 호출하는 repeat 함수를 구현해보자. repeat 함수는 두 번째 인수로 반드시 콜백 함수를 전달받아야 한다. 만약 두 번째 인수가 함수가 아니라면 TypeError를 발생시키자. 이 코드는 에러를 발생시킬 가능성이 있으므로 try코드 블록 내부에서 호출해야한다.

에러 처리

올바른 코드

 

 

47.5 에러의 전파

에러는 호출자 방향으로 전파된다. 즉, 콜 스택의 아래 방향 (실행 중인 컨텍스트가 푸시되기 직전에 푸시된 실행 컨텍스트 방향)으로 전파된다. 다음 예제를 살펴보자. 

1에서 baz 함수를 호출하면 2에서 bar 함수가 호출되고 3에서 foo 함수가 호출되고 4에서 foo함수는 에러를 throw 한다. 이때 foo 함수가 throw한 에러는 다음과 같이 호출자에게 전파되어 전역에서 캐치된다.

출처 : https://velog.io/@dev-redo/Javascript-%EC%97%90%EB%9F%AC%EC%B2%98%EB%A6%AC

이처럼 throw된 에러를 캐치하지 않으면 호출자 방향으로 전파된다. 이때 throw된 에러를 캐치하여 적절히 대응하면 프로그램을 강제 종료시기키 않고 코드의 실행흐름을 복구할 수 있다. throw된 에러를 어디에서도 캐치하지 않으면 프로그램은 강제 종료된다. 

 

주의할 것은 비동기 함수인 setTimeout이나 프로미스 후속 처리 메서드의 콜백 함수는 호출자가 없다는 것이다. setTimeout이나 프로미스 후속 처리 메서드의 콜백 함수는 태스크 큐나 마이크로태스크 큐에 일시 저장되었다가 콜 스택이 비면 이벤트루프에 의해 콜 스택으로 푸시되어 실행된다. 이때 콜 스택에 푸시된 콜백 함수의 실행 컨텍스트는 콜 스택의 가장 하부에 존재하게 된다. 따라서 에러를 전파할 호출자가 존재하지 않는다.