흥미진진한 개발

var, let, const 차이점 한 눈에 보기 본문

개발/JavaScript

var, let, const 차이점 한 눈에 보기

흥미진진 2021. 4. 30. 11:27

안녕하세요 흥미진진입니다!

 

사소하지만 코드를 짜면서 가장 기본이 되는 것이 바로 변수 선언 키워드입니다.

변수 선언 키워드에는 var, let, const가 있는데요.

이 세 키워드가 무엇이 다른지 알아보는 시간을 가져보겠습니다!

 

 

 

Scope

먼저 var는 함수 레벨 스코프이고, let과 const는 블록 레벨 스코프입니다.

 

 

이때 함수 레벨 스코프란?

함수 내에서 사용할 수 있는 것을 말합니다.

 

반면에 블록 레벨 스코프란?

함수가 되었든, 클래스가 되었든, 반복문이 되었든 간에

변수가 선언된 해당 블록 안에서 사용할 수 있는 것을 말합니다.

 

 

 

변수 선언

1. var는 이미 있는 변수 이름과 같은 이름으로 선언해도 괜찮지만, let과 const는 같은 이름으로 선언하면 에러가 발생합니다.

 

2. var는 값이 없으면 undefined로 초기값이 지정되기 때문에 선언 전에 사용해도 괜찮지만, let과 const는 선언 전에 사용하면 에러가 발생합니다.

 

 

깐깐한 const

var와 let의 차이점은 위의 내용이 끝입니다. 하지만 const는 다른 점이 더 있죠.

 

 

1. var와 let은 선언할 때 초기 값이 없어도 되지만, const는 값을 할당하지 않으면 에러가 발생합니다.

 

2. const는 값의 재할당이 불가능합니다.

 

 

 

이렇게 var, let, const의 차이점을 모두 알아봤는데요!

도움이 되셨으면 좋겠습니다.

LIST