[JavaScript/ES6] const 키워드

 

안녕하세요, Jerry입니다 :)

 

지금까지 let 키워드에 대해 많은 이야기를 했습니다. var 키워드도 같이 했었죠. 하지만 ES6에는 이 두 키워드 외에도 하나가 더 있습니다. 바로 'const 키워드'입니다.

 

const 키워드는 변수에 할당된 값을 변경할 수 없습니다. 즉, 할당된 값은 상수가 됩니다.

 

let 키워드 때 설명을 못 드린 것이 있는데, const 키워드와 함께 짚고 넘어가겠습니다.

변수에 값을 할당할 때 콤마( , )를 사용하여 구분 짓고 할당할 수 있습니다. 밑에 캡처를 보시면 바로 이해가 되실 겁니다.

 

변수 선언 및 초기화(할당)시 연속적으로 할당할 수 있다.

 

다만, const 키워드의 경우 변수를 선언만 할 수 없고 초깃값을 설정해야 합니다. 이것도 아래 캡처를 보시죠.

 

'const(상수) 선언에서 초기값(initializer)이 누락되었다.'는 에러메시지이다.

 

그리고 const 키워드의 scope(범위, 스코프)는 let 키워드와 동일합니다. 값을 변경할 수 없다는 점을 빼고는 동일하네요. 또, 우린 관례적으로 상수의 경우 대문자로 변수를 선언합니다. 이건 비단 Javascript에만 국한된 관례는 아니고 Java, C 등 많은 프로그래밍 언어의 관례이죠.

 

ES6에서의 const 키워드는 상수를 의미합니다. 그래서 굳이 대문자로 표기를 하지 않아도 const 키워드로 선언된 변수를 상수라고 볼 수 있습니다. 대문자로 선언해도 무관하고, 소문자로 선언해도 에러가 아닙니다. 아래 캡처를 보실까요?

 

관례적인 것일 뿐, 에러를 내뱉진 않는다.

 

 

const

 

포스팅을 시작하자마자 const 키워드의 특징을 설명드렸습니다. const 키워드는 할당된 값을 변경할 수 없다고 말씀드렸죠? 확인을 해보고자 합니다. 아래 코드를 확인해보세요.

 

const SPORTS = '축구';

try {
  SPORTS = '농구';
} catch (e) {
  console.log('const 재할당 불가');
}

 

첫 줄에 const 키워드로 SPORTS 변수에 '축구'라는 값을 할당했습니다. try { } 블록은 안과 밖의 스코프가 다릅니다. try { } 블록 안에 있는 SPORTS 변수가 try 블록 스코프에서 키워드를 못찾았기 때문에 밖으로 나가서 SPORTS 변수를 찾습니다.  하지만 const 키워드이기 때문에 재할당을 할 수 없죠. 만약 const 키워드가 아니고 let 키워드였더라면 SPORTS 변수엔 '농구'라는 값이 할당되었을 겁니다. 하지만 const 키워드이기 때문에 값을 변경할 수 없고 에러가 발생해서 catch 블록의 console.log( )가 실행됩니다.

 

const 키워드에 대해 이해가 되셨나요? 궁금하신 점은 댓글로 남겨주세요. 제가 모르는 것도 어떻게든 찾아서 답변드리고 같이 성장하겠습니다 :)

 

감사합니다, Jerry였습니다!