[javascript] var, let, const 변수 선언 시 차이

안녕하세요 이번 포스팅에서는 javascript 에서 var, let, const 변수의 차이에 대해 알아보겠습니다. var는는 같은 변수를 여러번 선언해도 오류가 나지 않습니다. 자바스크립트의 유연성으로 볼 수도 있지만 소스 가독성을 떨어지게 하고 정교하지 못하고 지저분한 코드가 되는 단점이 있어 이를 보완한 변수 let과 const가 추가되었습니다.

 

var 변수 선언

var 변수 특징은 아래같이 중복으로 선언해도 사용해도 오류가 없습니다.

var uniqueVal = 'aaa';
console.log( uniqueVal );

var uniqueVal = 'bbb';
console.log( uniqueVal );
// 결과 : aaa, bbb

미로같이 긴 소스안에서 이런 부분이 잘못되어 오류가 발생했다면(스크립트 오류가 아닌 데이터 오류) 찾기가 쉽지가 않습니다.

 

let과 const로 변수 선언

아래같이 사용하면 오류를 발생합니다.

let uniqueVal = 'aaa';
console.log( uniqueVal );

let uniqueVal = 'bbb';
console.log( uniqueVal );
// 결과 : Uncaught SyntaxError: Identifier 'uniqueVal' has already been declared

const도 let과 동일한 오류가 발생합니다.

const_재선언_오류

 

let과 const의 차이

이름에서도 알 수 있듯이 두개의 차이는 다시 쓸수 있는지 즉 재할당 가능 여부입니다.

let uniqueVal = 'aaa';
console.log( uniqueVal );

uniqueVal = 'bbb';	// 오류 없음
console.log( uniqueVal );

 

const uniqueVal = 'aaa';
console.log( uniqueVal );

uniqueVal = 'bbb';
console.log( uniqueVal );
// 결과 : Uncaught TypeError: Assignment to constant variable.

 

 

const_재할당_오류