[Javascript/ES6] try - catch 와 switch - case

안녕하세요!

요 며칠 영상 준비를 어떻게 할 것인가? 에 대한 고민으로 포스팅은 엄두를 못 냈습니다.

 

응? 갑자기 무슨 영상이냐? 하실 수 있는데요, 조용한 알람 웹 앱 만들기 시리즈의 시작이었던 첫 편(https://bejerry.tistory.com/15)에서 정말 지나가는 말인 것처럼 글로 적었었는데 저한테는 영상으로 알려드리면 좋겠다는 생각이 강했습니다. 그리고 이 조용한 알람 시리즈를 블로그에서 마침과 동시에 같은 주제로 더 심화 있게, 그리고 좀 더 다양하게 알려드려야겠다는 생각을 했고 이에 맞춰 준비 아닌 준비를 했습니다.

 

제목은 try-catch와 swich-case인데 왜 제목이랑 맞지도 않는 말로 서론을 길게 하는가 하면 변명을 하고 싶었습니다.

1일 1포스팅을 하고자 마음먹었던 터라 제 스스로에게 변명 중입니다. :)

 

그럼 이제 서론을 마치고 본론으로 들어가 볼까요?

 

사실 블록 { } 스코프가 대주제라고 해도 과언이 아닌 거 같습니다.

우린 앞서 let 키워드(let 키워드와 this 편 : https://bejerry.tistory.com/21)에 대해 배웠었죠? let키워드가 ES6에 추가된 이유는 여러 이유 중에 var의 단점을 보완하기 위함으로 만들어진 것도 있다고 포스팅했었습니다. 그리고 let 키워드와 var 키워드의 차이점을 비교하는 포스팅(let 키워드와 var 키워드의 비교 편 : https://bejerry.tistory.com/7)도 했었죠.

 

주로 다룬 내용을 기억하시나요?

네, 스코프였습니다. let 키워드와 var 키워드의 차이점은 스코프이며, let 키워드의 특징 중 하나는 블록 { } 스코프이다. var는 함수 ( ) 스코프이죠. 간략하게 전에 배운 것들을 복습해봤습니다.

 

물론 여기에 전 시간에 배운 것을 전부 정리한 것이 아니기 때문에 궁금 혹은 필요하신 분들은 위 링크로 이동하시고 스윽~ 훑어보고 오세요!

 

그렇다면 왜 블록 { } 스코프가 대주제라고 생각하는가?

 

이 포스팅 제목은 try-catch와 switch-case입니다.

네, 눈치가 빠르신 분들은 혹은 이미 try-catch, switch-case를 공부하신 분들이라면 아셨을 거예요. 저 두 친구들도 블록 { }을 사용하기 때문입니다.

 

 

try-catch문

try-catch문에서 try 블록 { } 기준으로 블록 스코프를 갖습니다. 유의하셔야 할 점은 catch 블록 { }의 경우 스코프를 갖지 않으며 try 블록 스코프에 속합니다. 아래의 소스를 보실까요?

let sports = '축구';

try {
  let sports = '농구';
  console.log(sports); // 농구
} catch (e) { };

console.log(sports); // 축구

제일 첫 줄에 선언 및 초기화(할당)를 한 sports 변수와 try 블록 { } 안의 sports의 결과가 다르게 나온 것을 확인할 수 있습니다. 만약, try 블록 { }이 별도의 스코프를 갖지 않았다고 한다면 같은 스코프에 이름이 같은 let 변수를 선언한 것이 되기 때문에 에러가 발생해야 합니다.

 

 

switch-case문

switch-case 문에서는 switch 블록 { }이 블록 스코프입니다. case는 별도의 스코프를 갖지 않으며 switch의 스코프에 속합니다.

var count  = 1;
let sports = '축구';

switch (count) {
  case 1:
    let sports = '농구';
    console.log(sports); // 농구
}
console.log(sports); // 축구

첫 줄에 있는 count 변수는 switch 문의 case 1:이 실행되도록 하기 위해 선언한 변수입니다. 그리고 switch 문 위로 sports 변수를 선언하고 값(축구)을 할당했습니다. switch 문 안에도 같은 변수명으로 농구라는 값을 할당했는데요. sports 변수의 스코프가 다르므로 각각의 값을 유지하게 됩니다. switch 문 안에서 console.log 결과는 농구이고, switch 문 밖에서 console.log의 결과는 축구입니다.

 

 

이번 포스팅에서 다룬 내용이 간단하다보니 이번 포스팅의 컨텐츠가 반 정도는 서론으로 구성되어 있네요. 소제목으로 나누었으니 필요한 글만 캐치하셔서 도움되셨으면 좋겠습니다.

 

감사합니다. JERRY였습니다 :)