Javascript - var, let, const의 차이

var, let, const

Javascript의 변수 선언 방법은 var, let, const가 있다.

 

변수의 선언 방식

var test1 = "변수1";
let test2 = "변수2";
const test3 = "변수3";

 

• var

var test1 = "테스트변수1";
console.log(test1); // 테스트변수1

var test1 = "다른 테스트변수1";
console.log(test1); // 다른 테스트변수1

var는 같은 변수명으로 변수를 한 번 더 선언하게 되면 에러없이 다른 변수값이 출력된다.

보기에는 편해보일지라도, 나중에 자바스크립트 소스 코드의 양이 많아지게 되면 변수의 값이 의도치 않은 곳에서 변수값이 바뀌거나, 적절한 곳에 변수를 사용했을 때, 다른 값이 나온느 등의 문제점이 발생할 수 있다.

 

• let

let test1 = "테스트변수1";
console.log(test1); // 테스트변수1

let test1 = "또 다른 테스트변수2";
console.log(test1); // Uncaught SyntaxError: Identifier 'test1' has already been declared

test1 = "또 다른 테스트변수2";
console.log(test1); // 또 다른 테스트변수2

let은 var와는 다르게 같은 변수명을 재선언한 경우, 에러가 발생한다. 변수에 값을 재할당은 가능하다.

 

• const

const test1 = "테스트변수1";
console.log(test1); // 테스트변수1

const test1 = "또 다른 테스트변수1";
console.log(test1); // Uncaught SyntaxError: Identifier 'test1' has already been declared

test1 = "테스트변수 재할당1";
console.log(test1); // Uncaught TypeError: Assignment to constant variable.

const는 상수개념이다. 그렇기에 한번 선언하고 할당된 값이 변경되면 안된다.

const는 변수 재선언, 재할당이 불가능하다.

 

 

이외에도 각 선언 방법에 따른 변수 스코프 영역과 호이스팅에 관한 개념이 있다. 다음 포스팅에 관련 내용을 작성하고자 한다.