🌱 47장 : 에러처리

1. 에러 처리의 필요성

• 에러에 대처하지 않으면 프로그램이 강제 종료되기 때문에 try … catch 문을 사용해서 에러에 적절하게 대응해야 한다.
• 직접적으로 에러를 발생시키지 않는 예외적인 상황에 경우에 있어서도 적절하게 대처하지 않으면 에러로 이어질 수 있다.
  • ex) querySelector에서 요소 노드 찾을 수 없는 경우 에러 대신 null 반환

2. try … catch … finally 문

• 에러 처리를 하는 방법은 크게 두 가지다.
  1. 예외적인 상황이 발생하면 반환하는 값을 if문이나 단축 평가, 옵셔널 체이닝 연산자를 통해 확인 후 처리
  2. 에러 처리 코드를 미리 등록해 두고 에러가 발생하면 에러 처리 코드로 점프 (→ try … catch … finally)
• try catch finally
  • try 코드 블록이 실행된다.
  • 중간에 에러가 발생하면 발생한 에러가 catch문의 err 변수에 전달되며 catch 코드 블록이 실행된다.
  • catch문의 err 변수는 try 코드 블록에 포함된 문 중에서 에러가 발생하면 생성이되며 catch 코드 블록 내에서만 유효하다.
  • finally 코드 블록은 에러 발생과 상관없이 반드시 한 번 실행된다.
  • try catch finally 로 에러 처리를 하면 프로그램이 강제 종료되지 않는다.

3. Error 객체

• Error 생성자 함수는 에러 객체를 생성한다.
• Error 생성자 함수에는 에러메시지를 인수로 전달할 수 있다.

  const error = new Error('invalid');

• Error 생성자 함수가 생성한 에러 객체는 message, stack 프로퍼티를 가진다.
  • message : Error 생성자 함수에 인수로 전달한 에러메시지
  • stack : 에러를 발생시킨 콜스택의 호출 정보를 나타내는 문자열 (디버깅 목적으로 사용)
• 자바스크립트는 7개의 Error 생성자 함수를 제공한다.
• Error를 제외한 나머지 생성자 함수들이 생성한 객체의 프로토타입은 Error.prototype이다.

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

4. throw 문

• 에러 객체를 생성한다고 에러가 발생하지는 않는다. 에러를 발생시키기 위해서는 throw 문으로 에러 객체를 던져야 한다.
• throw 문의 표현식은 어떤 값이라도 상관없으나 일반적으로는 에러 객체를 지정한다.
• 에러를 던지면 catch 문의 에러 변수(err)가 생성되고 던져진 에러 객체가 할당되며 catch 문이 실행된다.

5. 에러의 전파

• 에러는 호출자 방향으로 전파된다. 즉 콜스택 아래 방향으로 전파된다.

const foo = () => {
	throw Error('foo');
}

const bar = () => {
	foo();
}

const baz = () => {
	bar();
}

try {
	baz();
} catch (err) {
	console.error(err);
}

• throw 된 에러를 catch 하지 않으면 호출자 방향으로 전파가 되기 때문에 적절히 캐치해야 한다.
• 어디에서도 catch를 수행하지 않으면 프로그램이 강제 종료된다.
• 비동기 함수는 콜스택이 다 비어야 실행이 되기 때문에 호출자가 없어 에러를 전파할 호출자가 존재하지 않는다.