var, let, const 차이 및 설명

Javascript 변수 선언 방식인 var, let, const 차이

 

1. var 

- var로 선언한 변수는 선언과 초기화가 한번에 된다.
- 변수 선언의 경우 할당되는 값이 유동적으로 변경됨
- var로 선언후 숫자를 넣으면 정수형, 문자를 넣으면 문자열로 선언된다.

ex)
var a = "test";
var b = 1234;

2. let

- let 키워드는 변수의 선언단계와 초기화 단계가 분리된다.
- let으로 선언된 변수는 let으로 재선언시 에러가 난다.
- 호이스팅(Hoisting)으로 어디서든 호출가능한 var와는 다르게 호출이 불가능하다.
	TDZ(Temporal Death Zone) 때문임.
 	* TDZ : 일시적으로 죽은 영역이라는 뜻으로 let을 통해 선언된 변수의 라인 혹은 영역까지
    		코드가 실행되기 전에 호출이 된다면 에러가 난다.
            
 ex)
 let a = "test";
 let a = "test2";	// 에러남 - Uncaught SyntaxError
 a = "test3";		// 재할당은 가능함.
 
 // 아래 코드에서 ReferenceError가 발생한 이유는 TDZ 때문이다.
 // let은 값을 할당하기전에 변수가 선언 되어 있어야 하는데 그렇지 않기때문에 에러남
 c = "test4";
 let c;

3. const

- let과 const의 차이점은 변수의 immutable(불변성) 여부이다.
- let은 변수에 재할당이 가능하지만 const는 변수 재선언, 재할당이 모두 불가능하다.

ex)
const a = "test";
const a = "test2";	// 에러남 - Uncaught SyntaxError
a = "test3"			// 에러남 - Uncaught TypeError