• hoisting : JS 엔진(interpreter)이 코드를 실행하기 전, 변수, 함수, 클래스의 선언문을 끌어 올리는 것을 말함

  • 변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮김

• 변수 variable : 값을 저장하는 공간, 자료를 저장할 수 있는 이름이 주어진 기억장소

  • var : 더이상 사용하지 않음
  • let : 재할당이 필요한 경우
  • const : 가능한 재할당을 할 수 없는 const를 사용!

• 함수의 호이스팅은 함수의 선언문 전에 호출이 가능하게 해줌

  • 함수의 선언문은 선언 이전에도 호출이 가능함

print(); // Hello

function print(){
    console.log('Hello')
}

• 변수(let, const)와 클래스는 선언만 호이스팅이 되고, 초기화(값을 가져오는 것)는 안됨
  • 초기화 전, 변수에 접근하면 컴파일(빌드) 에러가 발생

console.log(hi); // Cannot access 'hi' before initialization
let hi ='hi';
let func1 = function() {};
const cat = new Cat(); // Cannot access 'Cat' before initialization
class Cat{}

// 블러 안에서 변수 선언도 동일하게 작용
let x = 1;
{
    console.log(x);
    let x = 2; // Cannot access 'x' before initialization
}