호이스팅(hoisting) 이란?, var와 let의 차이

호이스팅이란?

: 코드가 실행이 되기전에 '자바스크립트 엔진'이 선언된 변수와 함수를 가져가서 메모리에 기억을 해둡니다.

그래서 함수 정의문보단 호출문이 먼저 나와도 함수 정의문을 끌어올려 함수를 호출하는 것이 가능합니다.

일반 함수 정의는 함수 호출시 호이스팅(hoisting) 기술을 지원합니다. 

그러나 익명 함수 선언 참조 방식은 호이스팅을 지원하지 않습니다.

 

 

또한 오직 '선언'만이 호이스팅 대상이 됩니다. 

1. 변수를 먼저 사용하고

2. 선언 및 초기화(기본값-undefined)

▶초기화를 제외한 선언만 호이스팅함.

 

('undefined' : 변수에 값이 등록(초기화)되기전의 기본값)이다.

 

 

let, const로 선언한 변수도 호이스팅 대상이지만

var와 달리 호이스팅 시 'undefined'으로 변수를

초기화 하지 않습니다. 

▶'let'은 변수 초기화 이전 사용(호출)시 예외가 발생

※ TDZ (Temperal Dead Zone) : 변수가 초기화 되기 전까지의 Zone을 말합니다. ( 해당 변수를 사용할 수 없음 )

 

var와 let의 차이

var는 함수(function)만 지역변수로 호이스팅되고  나머지(for, if)는 다 전역변수로 올려버림

★ var의 경우 선언 전에 접근할 시 undefined / let, const는 'ReferenceError' 발생