[JavaScript] var, let, const 차이점

JavaScript에는 var , let, const 변수 타입이 있다.

이들의 특징을 알아보자.

---

변수 선언을 하고 다시 변수선언을 하는 것을 '재선언'이라고 한다.

var v = 1;
console.log(v); // 1
var v = 3;
console.log(v); // 3

그렇다면 '재할당'은 무엇일까?

var v = 1; // 변수 선언, 값 할당
v = 2; // 재할당
console.log(v); // 2

 

변수 선언을 하고 값을 할당해주고 난 후, 다시 새로운 값을 할당하는 것을 '재할당'이라고 한다.

그리고 '유효 범위'란 변수의 값이 의도한 대로 동작하는 범위를 말을 하는데 이를 넘어가면
변수의 값이 의도한 바로 동작하지 않는다.

function exampleVarScope() {
    if (true) {
      var y = 10; // let y = 10; 으로 적었다면 아래 console.log(y)가 동작하지 않을 것!
    }
    console.log(y); // 10 (var은 블록 스코프가 아닌 함수 스코프이기 때문에 접근 가능!)
  }
  exampleVarScope();

const 는 상수로써, 재선언과 재할당 둘 다 불가능하다.
즉 const a = 1; 처럼 한번 선언과 할당을 하고 난 이후엔 변경할 수 없다.

const a = 1;
console.log(a); // 1
const a = 2; // 재선언 x
a = 2 // 재할당 x

 

var 변수: 재선언, 재할당 가능, function 안
let 변수 : 재선언 가능, 재할당 불가능, { } 안
const : 재선언, 재할당 불가능, { } 안

	재선언	재할당	유효 범위
var	O	O	function()
let	O	X	{ }
const	X	X	{ }