[JavaScript] 에러 처리

2023.11.30.목

에러 처리

에러 처리는 코드의 안정성을 높이고

예상치 못한 상황에서 애플리케이션의 정상적인 동작을 유지하는 데 도움이 된다

 

try-catch 문

try 블록 안에는 예외가 발생할 수 있는 코드를 작성한다
예외가 발생하면 catch 블록이 실행되어 예외를 처리한다

try {
  // 예외가 발생할 수 있는 코드
  throw new Error("예외 발생!");
} catch (error) {
  // 예외 처리
  console.error("에러 발생:", error.message);
} finally {
  // 항상 실행되는 코드 (옵션)
  console.log("Finally 블록");
}

throw 문

throw 문을 사용하여 명시적으로 예외를 발생시킬 수 있다

function divide(a, b) {
  if (b === 0) {
    throw new Error("나누는 수는 0이 될 수 없습니다.");
  }
  return a / b;
}

try {
  console.log(divide(10, 2));
  console.log(divide(5, 0)); // 이 부분에서 에러가 발생하고 catch 블록으로 이동
} catch (error) {
  console.error("에러 발생:", error.message);
}

try...catch

1) 발생시킬때 -> 던진다고한다. (throw)
2) 명시적으로 인지할때 -> 잡는다고 한다. (catch)

예시코드

try {
  // 예외가 발생할 수 있는 코드
} catch (error) {
  // 모든 예외를 처리
  console.error("에러 발생:", error.message);
} catch (anotherError) {
  // 이 부분은 도달할 수 없음
  console.error("다른 에러:", anotherError.message);
} finally {
  // 항상 실행되는 코드
}

 

전역 예외 처리

window.onerror 또는 window.addEventListener("error", handler)를 사용하여

전역적으로 예외를 처리할 수 있다

window.onerror = function (message, source, lineno, colno, error) {
  console.error("전역 에러:", message, source, lineno, colno, error);
  // true를 반환하면 브라우저 기본 동작이 중단됨
  return true;
};

 

예외처리를 활용하여 코드를 안정성과 디버깅의 용이함을 가질 수 있으나

예외 처리는 성능에 영향을 미칠 수 있으므로 적절한 위치에서 사용하는 것이 중요하다