[JavaScript] Var, Let, Const의 차이점

자바스크립트 변수 선언시 사용되는 Var, Let, Const의 차이점을 알아보자.

 

1. Var(variable)

: 중복 선언 가능, 재할당 가능

var beverage = "Americano"; 
console.log(beverage); // Americano

var beverage = "Latte"; 
console.log(beverage); // Latte

var beverage = "Tea"; 
console.log(beverage); // Tea

 

var는 마지막에 할당된 값이 최종으로 변수의 값으로 저장되기 때문에 선언하는 대로 값이 변한다고 생각하면 이해하기 쉽다. 따라서 마지막 값인 'Tea'가 변수 beverage에 담긴 최종 값이 된다.

 

 

2. Let

: 중복 선언 불가능, 재할당 가능

let beverage = "Americano"; 
console.log(beverage); // Americano

beverage = "Latte"; 
console.log(beverage); // Latte

//중복으로 선언하는 경우 에러 발생
let beverage = "Tea"; 
console.log(beverage); // SyntaxError: Identifier 'beverage' has already been declared

 

 

let은 var와 동일하게 선언하는 대로 값이 변경되지만 최초 한 번만 선언할 수 있다. 중복으로 선언하는 경우 SyntaxError가 발생한다.

 

 

3. CONST

: 중복 선언 불가능, 재할당 불가능

const beverage = "Americano"; 
console.log(beverage); // Americano

//중복으로 선언하는 경우 에러 발생
const beverage = "Latte"; 
console.log(beverage); // SyntaxError: Identifier 'beverage' has already been declared

 

const beverage = "Americano"; 
console.log(beverage); // Americano

//재할당 하는 경우 에러 발생
beverage = "Latte"; 
console.log(beverage); // TypeError: Assignment to constant variable.

 

const는 상수를 선언하는 키워드이기 때문에 최초 선언 후 다른 값을 재할당 할 수 없다. 따라서 중복으로도 선언 될 수 없고 선언한 값도 변경 불가능 하다. 

 

 

현재 var보다는 let, const를 많이 사용하는 추새이다.