에러 핸들링 error handling

에러 발생에 대배하지 않으면 프로그램이 종료됨

console.log('에러 발생 전');

// ⚠️ 오류를 발생시키는 코드
(3).split('');

// 출력되지 않음
console.log('에러 발생 후');

자바스크립트의 에러 핸들링

👉 MDN 문서 보기

try ~ cath 문

• try 블록
  • 에러 발생 여지가 있는 코드 포함
  • 이곳에서 발생한 에러는 프로그램을 멈추지 않음
• catch 블록
  • 에러 발생시 실행할 코드 포함
  • 발생한 오류 객체를 인자로 받음

const arr = ['ABC', '가나다', 123, '123'];

function getLetterArray (str) {
  // 💡 인자로 어떤 타입의 값이 주어질지 모르는 상황
  try {
    return str.split('');

  } catch (e) {
    console.error('🛑 에러!!', e);
    return [];
  }
}

arr.forEach(i => {
  console.log(getLetterArray(i));
});

• finally 블록
  • 오류가 발생 여부와 관계없이 한 번 실행되는 코드 포함
  • 아래와 같은 경우 널리 사용

function connect () { console.log('☀️', '통신 연결'); }
function disconnect () { console.log('🌙', '통신 연결 해제'); }
function sendArray (arr) { console.log('전송', arr); }

function sendStringAsArray (str) {
  connect();

  try {
    sendArray(str.split(''));
    return true;

  } catch (e) {
    console.error('🛑 에러!!', e);
    return false;

  } finally {
    // 💡 전송 성공 여부와 관계없이 연결은 끊어야 함
    disconnect();
    console.log('- - - - - - - -');
  }

  // ❓ 이곳에 넣는 것과 무엇이 다른가?
  // 아래로 대체하여 실행해 볼 것
  // disconnect();
  // console.log('- - - - - - - -');
}

['ABC', '가나다', 123, '123'].forEach(i => {
  console.log(
    sendStringAsArray(i) 
    ? '[성공]' : '[실패]', '\\n\\n'
  );
});

Error 객체

• 에러 발생 시 던져지는 thrown 객체
• 에러에 대한 정보를 담고 있음
• 💡 에러가 발생하지 않아도, 직접 생성하여 던지기 가능
• 👉 MDN 문서 보기