반응형

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

+ Recent posts