JavaScript - let, var, const 차이

안녕하세요 besforyou 입니다.

 

이번 글은 let, var, const 의 차이점에 대한 글입니다.

 

1. 변수 재선언 가능성

 

var은 let, const와 다르게 변수의 재선언이 가능합니다.

 

 

var sample = "Hello world!";
console.log(sample); //Hello world!

var sample = "How are you?";
console.log(sample); //How are you?

 

 

이러한 유연성은 자바스크립트만의 장점으로 꼽히지만 코드량이 많아지면 버그의 원인이 될 가능성이 높습니다.

 

 

2. 변수 재할당 가능성

 

var, let은 const와 다르게 변수값을 재할당할 수 있습니다.

 

var sample = "Hello world!";
console.log(sample);	// Hello world!

sample = "How are you?";
console.log(sample);	// How are you?

let sample2 = "Hello world!";
console.log(sample2);	// Hello world!

sample2 = "How are you?";
console.log(sample2);	// How are you?

 

 

하지만 let은 var과 같이 재선언은 불가능합니다.

 

 

let sample2 = "Hello world!";
console.log(sample2);	// Hello world!

let sample2 = "How are you?"; // 오류 발생
console.log(sample2);

 

 

const는 var, let과는 다르게 재할당, 재선언 모두 불가능합니다.

 

const sample = "Hello world!"; // 오류 출력
console.log(sample);	

const sample = "How are you?"; // 오류 출력
console.log(sample);

 

const sample = "Hello world!";
console.log(sample);	// Hello world!

sample = "Hello world!"; // 오류 출력
console.log(sample);

 

 

결론 : 어떤 변수 선언 방식을 사용할까?

 

기본적으로 const를 사용하고 재할당이 필요한 경우에만 let을 사용하자.

 

const로 변수를 선언하면 원치 않는 재할당을 막아 버그 발생을 줄일 수 있다.

 

 

 

	재할당	재선언
const	X	X
let	O	X
var	O	O