[모던 자바스크립트 Deep Dive] 43. 에러 처리

에러 처리의 필요성

• 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료됨
• try ... catch 문을 사용해 발생한 에러에 적절하게 대응하면 계속해서 코드 실행 가능
• 작성한 코드에서는 언제나 에러나 예외적인 상황이 발생할 수 있다는 것을 전제하고 이에 대응하는 코드 작성 필요

console.log("start");

try{
 foo();
} catch(err){
 console.log(err);
 //  ReferenceError: foo is not defined
}

// 발생한 에러에 적절한 대응을 하면 프로그램이 강제 종료되지 X
console.log("end");

try ... catch ... finally 문

try{
 // 실행할 코드 (에러가 발생할 가능성이 있는 코드)
} catch(err){
 // try 코드 블록에서 에러가 발생하면 이 코드 블록의 코드가 실행됨
 // err에는 try 코드 블록에서 발생한 Error 객체가 전달됨
} finally {
 // 에러 발생과 상관없이 반드시 한 번 실행
}

Error 객체

• Error 생성자 함수는 여러 객체 생성
• Error 생성자 함수에는 에러를 상세히 설명하는 에러 메세지를 인수로 전달 가능
• message 프로퍼티와 stack 프로퍼티를 가짐
  • message 프로퍼티 : Error 생성자 함수에 인수로 전달한 에러 메세지
  • stack 프로퍼티 : 에러를 발생시킨 콜스택의 호출 정보를 나타내는 문자열

const error = new Error('invalid');

• Error 생성자 함수를 포함해 7가지의 여러 객체를 생성할 수 있는 Error 생성자 함수 제공 (모두 Error.prototype  상속 받음)

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

 

throw 문

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

try{
 // 에러 객체를 던져야 catch 코드 블록이 실행
 throw new Error('Error');
} catch(err){
 console.log(err);
}

에러의 전파

• 콜 스택의 아래 방향 (실행 중인 실행 컨텍스트가 푸시되기 직전에 푸시된 실행 컨텍스트 방향)으로 전파
• throw 된 에러를 캐치하지 않으면 호출자 방향으로 전파
• 비동기 함수나 프로미스 후속 처리 메서드의 콜백 함수는 호출자가 없어 (콜 스택이 비면 실행되기 때문 ) 전파할 호출자가 존재하지 않음

const foo = () => {
  throw new Error("foo에서 발생한 에러"); // 4️
};

const bar = () => {
  foo(); // 3️
};

const baz = () => {
  bar(); // 2️
};

try {
  baz(); // 1️
} catch (err) {
  console.error(err); // foo에서 발생한 에러
}