[FE/JavaScript] var, let, const

📌 스코프

• var은 함수 스코프, let과 const는 블록 콘서트를 갖는다.

📌 호이스팅

• var은 함수 스코프의 최상단으로 호이스팅되고 선언과 동시에 undefined로 초기화된다.

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}
run();

• let과 const는 블록 스코프의 최상단으로 호이스팅 되고 선언하면 값이 할당되기 전까지 어떤 값으로도 초기화되지 않는다.

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}
checkHoisting();

📌 재선언

• var은 재선언이 가능하다.
• let과 const는 재선언이 블가능하다.

var foo = "foo1";
var foo = "foo2"; // 문제없음

let bar = "bar1";
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

📌 let, var VS const

• var와 let은 재할당이 가능하다.
• const는 선언과 초기화가 반드시 동시에 일어나야 하며 재할당이 불가능하다. 즉, 상수와 같은 고정값을 선언할 때 사용하는 키워드이다.

출처

var vs let vs const