Js - var, let, const의 차이점

1. var

- var는 변수 선언에 있어 큰 단점을 가지고 있다.

var name = 'sik'
console.log(name) // sik

var name = 'ms'
console.log(name) // ms

위 코드는 같은 name이라는 변수 명을 가지고 한번 더 선언을 하였음에도 각자 다른값이 출력된다. 간단한 코드에서는 유연한 변수 선언을 통하여 편리할 수 있으나, 코드가 복잡해 진다면 변수를 파악하기 힘들것이다.

이를 보완하기 위해 변수를 선언하는 방식이 let과 const이다.

 

 

2. let

- let을 통하여 변수를 선언시 이미 선언되 있는 변수가  있으면 이미 선언되있다는 오류메세지가 출력된다.(재선언 불가)

let name = 'sik'
console.log(name) // sik

let name = 'ms'
console.log(name) // Uncaught SyntaxError: Identifier 'name' has already been declared

- let을 통하여 변수를 선언하면 변수 재할당이 가능하다.

let name = 'sik'
console.log(name) // sik

// 변수 데이터 재할당
name = 'ms'
console.log(name) // ms

 

 

3. const

- const를 통하여 변수를 선언하면 재선언, 재할당 둘다 불가능하다.

const name = 'sik'
console.log(name) // sik

const name = 'sik3'
console.log(name) // Uncaught SyntaxError: Identifier 'name' has already been declared

name = 'ms'
console.log(name) // Uncaught TypeError: Assignment to constant variable.

 

4. 그렇다면 어떤 변수 선언 방식을 사용해야할까?

변수를 선언할 때에는 기본적으로 const를 사용하고, 변수에 재할당이 필요한 경우에는 let을 사용하는것이 바람직하다.