var const let 자바스크립트 변수 상수

>> ES2015 이전에는 var로 변수를 선언

  -  ES2015부터는 const 와 let 이 대체

   - 가장 큰 차이점 : const 와 let은 블록 스코프(var는 함수 스코프)

if (true) {

  var x = 3;

}

console.log(x);

if (true) {

  const y = 3;

}

console.log(y);

 

실행하면 아래와 같은 에러가 발생

console.log(y);
            ^
ReferenceError: y is not defined

 

>> 기존 : 함수 스코프(function() {}이 스코프의 기준점)

 - 다른 언어와는 달리 if 나  for, while 은 영향을 미치지 못함

 - const 와 let 은 함수 및 블록 ({})에도 별도의 스코프를 가짐

 

const a = 3;

a = 5;

const b = { name: "hong" };

b.name = "Hong";

const 는 =(등호) 를 한 번만 사용할 수 있다고 이해하면 쉽다.

위와 같이 = 을 두 번 이상 사용하면 아래와 같이 에러가 발생한다.

a = 5;
  ^
TypeError: Assignment to constant variable.

하지만 b 와 같이 객체를 사용하고 객체 안에서 다른 것을 대입하는 것이 가능하다.

값의 변경이 필요하면 let을 사용하면 된다.

let c = 5;

c = 3;

c = 10;