JS) 예외 처리(try...catch)

Cecilia·2022년 12월 12일
0

JavaScript

목록 보기
11/36
post-thumbnail

MDN
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/try...catch

javascript.info
https://ko.javascript.info/try-catch




예외 처리


자바스크립트문 실행중 에러가 발생하면 그 즉시 중단된다.
이를 방지하기 위해 에러를 잡는(catch) 시도(try)를 할 수 있다.





try...catch


try {

  // 코드...

} catch (err) {

  // 에러 핸들링

}

try { 안에 있는 코드가 먼저 작동한다. } 만일 에러가 없다면 catch는 건너뛴다.
만약 try { 안에 에러가 있다면 }, catch(err) { 안에 있는 에러 처리 코드 }가 작동된다.


try {

  alert('try 블록 시작');  // (1) <--

  // ...에러가 없습니다.

  alert('try 블록 끝');   // (2) <--

} catch(err) {

  alert('에러가 없으므로, catch는 무시됩니다.'); // (3)

}


try {

  alert('try 블록 시작');  // (1) <--

  lalala; // 에러, 변수가 정의되지 않음!

  alert('try 블록 끝(절대 도달하지 않음)');  // (2)

} catch(err) {

  alert(`에러가 발생했습니다!`); // (3) <--

}



try…catch…finally


try…catch 뒤에 finally를 추가할 수 있다.
에러 유무에 따라 try…catch 내용을 수행한 뒤 맨 마지막 단계에서는 finally 코드를 실행한다.
경로는 아래와 같다.

  • try {코드에 에러가 없다면} -> finally {코드 실행}
  • try {코드에 에러가 있다면} -> catch {코드 실행} -> finally {코드 실행}

try {
   ... 코드를 실행 ...
} catch(e) {
   ... 에러 핸들링 ...
} finally {
   ... 항상 실행 ...
}
profile
'이게 최선일까?'라는 고찰을 통해 끝없이 성장하고, 그 과정을 즐기는 프론트엔드 개발자입니다. 사용자의 입장을 생각하며 최선의 편의성을 찾기 위해 노력합니다.

0개의 댓글