반응형
ES6로 넘어오며 많이 사용하게 된 let, const의 차이를 몰랐는데
같이 일하는 동생이 쉽게 알려주어 저도 듣다보니 표로 간단히 정리해서 기억할 수 있지 않을까 해서 작성해봅니다.
기억하기 쉽게 작성하는 것이니 정확하지 않은 단어가 있을 수 있습니다.
var | let | const | |
범위 | 전역 | 블록 내 | 블록 내 |
재선언 | 가능 | 불가능 | 불가능 |
재할당 | 가능 | 가능 | 불가능 |
var 같은 경우, 자유도가 높다.
다른 파일에서 사용한 변수를 그 페이지에 불러온다면 쓸 수도 있고, 재선언도, 재할당도 가능하다.
var a = 1;
var a = 2; // 가능
a = 3; // 가능
let은 조금의 제약이 있다.
선언 한 블록 내에서만 사용할 수 있다. 재선언은 불가능하지만 재할당은 가능하다.
let a = 1;
let a = 2; // 불가능
a = 2; // 가능
const는 제약이 가장 많다.
선언 한 블록 내에서만 사용 가능하고, 그 범위가 let보다 더 작다. 재선언, 재할당 모두 불가능하다.
한번 정하면 끝. java의 final 같은 존재.
const a = 1;
const a = 2; // 불가능
a = 2; // 불가능
추가로
https://gist.github.com/LeoHeo/7c2a2a6dbcf80becaaa1e61e90091e5dhttps://gist.github.com/LeoHeo/7c2a2a6dbcf80becaaa1e61e90091e5d
여기가 var, let, const의 설명 맛집이다.
'웹 프로그래밍' 카테고리의 다른 글
[JS] Scroll Down, 스크롤 제일 하단으로 움직이기 animate() (0) | 2020.05.16 |
---|---|
[CSS] inherit, initial 이란? (3) | 2020.05.15 |
[JS] input[type=input] 일 때, 글자 수 제한 (0) | 2020.05.07 |
[JS] 체크박스 전체선택,해제 로직 만들기 (회원가입,마케팅 약관동의, 이용약관) (12) | 2020.04.19 |
[CORS] 가끔씩 겪는 CORS, 로컬에서 발생시 해결 (0) | 2020.04.10 |
댓글