관리 메뉴

진취적 삶

47 에러처리 본문

개발 도서/자바스크립트 deepdive

47 에러처리

hp0724 2023. 7. 13. 12:01

47.1 에러 처리의 필요성

에러는 언제나 발생하기 때문에 발생한 에러에 대해 대처하지 않을 경우 프로그램은 강제 종료

try …catch 문을 이용해 발생한 에러에 적절히 대응

47.2 try… catch …finally 문

에러처리

console.log("start");
try {
  foo();
} catch (err) {
  console.error(err); //foo is not defined
} finally {
  console.log("finally");
}

47.3 Error 객체

Error 생성자 함수는 에러 객체를 생성한다.

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

47.4 throw 문

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

throw 문의 표현식은 어떤 값이라도 상관없지만 일반적으로 에러 객체를 지정한다.

에러를 던지면 catch 문의 에러 변수가 생성되고 던져진 에러 객체가 할당된다. 그리고 catch 코드 블록이 실행되기 시작한다.

try {
  throw new Error("something wrong");
} catch (error) {
  console.log(error);
}
const repeat = (n, f) => {
  if (typeof f !== "function") throw new TypeError("f must be a function ");

  for (let i = 0; i < n; i++) {
    f(i);
  }
};
try {
  repeat(2, 1);
} catch (err) {
  console.error(err);
}

47.5 에러의 전파

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

const foo = () => {
  throw Error("new error");
};
const bar = () => {
  foo();
};
const baz = () => {
  bar();
};

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

foo() 함수가 throw 한 에러는 호출자에게 전파되어 전역에서 캐치된다.

graph TD
	foo[foo 실행 컨텍스트]
	bar[bar 실행 컨텍스트]
	baz[baz 실행 컨텍스트]
	global[전역 실행 컨텍스트]
   foo-->bar-->baz-->global

'개발 도서 > 자바스크립트 deepdive' 카테고리의 다른 글

46 제너레이터와 async/await  (0) 2023.07.13
48 모듈  (0) 2023.07.13
36 디스트럭처링 할당  (0) 2023.07.13
37 set 과 map  (0) 2023.07.13
38 브라우저의 렌더링 과정  (0) 2023.07.13