JavaScript - hoisting

직장에서 React를 사용하면서 점점 JavaScript의 기초적인 것들을
잊는거 같아서 다시한번 복습을 위해 처음부터 공부해보려 한다.

React를 더욱 깔끔하게 사용하려면 JavaScript의 실력이 중요하다는걸
요즘 깨닫고 있다. 기초부터 다시 복습해보자.

호이스팅(hoisting)?

호이스팅이란 쉽게 생각해서 변수 선언, 함수 선언 등이 자바스크립트의
런타임 이전에 먼저 최상단으로 끌어올려진거 처럼 동작하는 자바스크립
트의 특징 이다.

console.log(age); // undefined

var age = 30;

consoloe.log(age); // 30

위 코드처럼 최상단에서 age를 선언하기전에 호출을 해보면
에러가 발생하는것이 아닌 undefined가 나오게 된다.

변수 age는 undefined 라는 값으로 메모리에 먼저 할당이 되어지고,
런타임 시점에 age는 30이라는 값을 다른 메모리에 새로이 할당되게
되어진다.