모던 자바스크립트 Deep Dive 47장 정리 - 에러 처리

에러 처리의 필요성

발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 종료됨.

try...catch...finally 문

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

Error 객체

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

const error = new Error('invalid');

Error 생성자 함수가 생성한 에러 객체는 message 프로퍼티와 stack 프로퍼티를 갖는다.

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

SyntaxError, ReferenceError, TypeError, RangeError, URIError, EvalError 생성자 함수가 생성한 에러 객체의 프로토타입은 모두 Error.prototype을 상속받음.

1 @ 1; // SyntaxError : Invalid or unexpected token
foo(); // RefrenceError : foo is not defined 
null.foo; // TypeError : Cannot read property 'foo' of null
new Array(-1); // RangeError : Invalid array length 
decodeURIComponent('%'); // URIError : URI malformed 

throw 문

에러를 발생시키려면 try 코드 블룩에서 throw 문으로 에러 객체를 던져야 함.

try {
  // 에러 객체를 던지면 catch 코드 블록 실행됨.
  throw new Error('something wrong');
} catch (error) {
  console.log(error);
}