[JAVASCRIPT] 핵심 이해: Hoisting 톺아보기

Hoisting을 알아보자 Hoisting(이하 호이스팅)이란 코드를 실행하기 전에 인터프리터가 함수, 변수, 클래스 또는 가져오기의 선언을 해당 범위의 맨 위로 이동하는 것처럼 보이는 프로세스를 나타냅니다. 함수와 변수가 선언된 위치, 해당 범위가 전역인지 로컬인지에 관계 없이 해당 범위의 맨 위로 이동 되는 것을 의미합니다. 여기서 중요한 점은 선언만 이동한다는 사실입니다. 호이스팅의 개념을 알기에 앞서서 변수의 선언 여부에 따라 어떤 방식으로 동작하는지를 알아보겠습니다. 아래에 코드가 실행 될때 변수의 선언이 존재하는지에 따라 어떤 값인지, 어떤 현상이 일어나는지 예시 입니다. 첫 줄의 콘솔은 "undefined" 라는 문자열을 출력합니다. 선언하지 않은 변수에 대해 type을 도출하면 "myVariable" 자체가 선언되지 않은 "undefined"이기 때문입니다.