호이스팅(Hoisting)

📔호이스팅이란

코드에 선언된 변수 및 함수의 `선언`을 코드 상단으로 끌어올리는 것을 말합니다. 해당변수의 범위에 따라 다르게 수행됩니다.

변수가 함수 내에 있다면, 해당 함수 안의 최상단으로,

변수가 함수 밖에 있다면, 스크립트의 최상단으로 끌어올립니다.

 

여기서 주의해야 할 점은 변수의 `선언` 부분만 끌어올린다는 것입니다.

(변수는 선언 - 초기화 - 할당 의 과정을 거쳐 생성)

 

📔 변수 호이스팅

var를 쓰지 않기로 한 이유가 여기서 나타납니다.

함수를 선언해서 값을 할당하기 전에 콘솔을 찍어봤는데 에러가 아닌 undefined가 나옵니다. 바로 선언만 됐다는 의미인데 동작 코드는 다음과 같습니다.

선언 부분만 맨 위로 끌어올려지고 값을 할당하지 않았으니 undefined가 나옵니다. 다음 값을 할당한 후에는 3이 나오게 됩니다.

이렇게 선언부분만 끌어올려지는것을 호이스팅이라고 합니다.

 

📔 변수 호이스팅과 함수 내부

밖에서 변수에 값을 할당해 놓아도 함수 내부에서 다시 선언할 경우 호이스팅으로 인해 다음과 같은 문제가 발생합니다.

분명히 값을 4로 설정해놨지만 함수 내부에서 호이스팅이 일어났기 때문에 결국은 다시 아래와 같이 동작합니다.

위의 모든 일은 var 로 선언했기 때문에 가능합니다. 하지만 우리는 var를 쓰지 않기로 했으므로 위의 걱정은 덜어놔도 됩니다. 다 잊으세요!!

📔 함수 호이스팅

함수에는 표현식와 선언식이 있습니다. 이 중에서도 함수의 선언식만 호이스팅이 가능합니다.