반응형
1. var, let과는 다르게 const는 초기값을 설정해줘야 한다.
2. 변수 선언 방식
2-1 var
var name = "wjxor"
console.log(name);
// wjxor
var name = "wjxor2"
console.log(name);
// wjxor2
var를 쓰면 에러없이 다른 값이 출력이 된다.
간단하게 쓰기엔 좋으나 코드가 길어지면 중간에 값이 바뀔 수 있으니 주의해야 한다.
2-2 let
let name = "wjxor"
console.log(name);
// wjxor
let name = "wjxor2"
console.log(name);
// Uncaught SyntaxError: Identifier 'name' has already been declared
이미 name이 선언되었다는 에러 메시지가 나온다.
변수 재선언이 불가능하다.
그렇다면 let과 const의 차이는 무엇일까?
let name = 'wjxor'
console.log(name);
// wjxor
name = 'wjxor3'
console.log(name);
// wjxor3
다음과 같이 let은 변수의 값을 다시 바꿔줄 수 있다.
2-3 const
그러나
const name = 'wjxor'
console.log(name);
// wjxor
name = 'wjxor3'
console.log(name);
// Uncaught TypeError: Assignment to constant variable.
const는 변수에 값을 바꿀수가 없다.
3. 정리
변수 선언에는 기본적으로 const를 사용하고, 변수 재할당이 필요한 경우에 let 을 사용하는 것이 좋다.
반응형
'Web' 카테고리의 다른 글
1. 웹을 구성하는 3가지 언어 (0) | 2022.01.04 |
---|---|
[JavaScript][Vue.js] computed 사용법 (0) | 2021.05.17 |
[JavaScript][Vue.js] setInterval 사용법 (0) | 2021.05.06 |