호이스팅

JS 호이스팅과 TDZ

호이스팅 hoisting 자바스크립트 엔진은 코드를 실행하기 전 코드 전체를 스캔하면서 형상화 및 구분하는 과정을 거치는데 이 과정에서 변수, 함수, 클래스 등 모든 선언을 위로 끌어 올립니다. 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var 의 경우 호이스팅 시 undefined 로 변수를 초기화 하지만, let 과 const 변수는 초기화 되지 않습니다. 때문에 아래와 같은 코드(1) 가 가능합니다. 그러나 선언부만 끌어올려 놓은 것이기에, (2) 코드처럼 할당된 값을 가져 오는 것은 불가능 합니다. add(1, 3); // (1) 함수 선언보다 위에 있지만 오류 나지 않고 실행됩니다. console.log(a); // (2) 에러. 할당되지 않은 것을 출력..

JS 함수 선언문과 함수 표현식 차이

함수 선언문과 함수 표현식이 무엇인지 알아봅시다. 함수를 만든다는 목적은 동일 하나 만드는 방법이 다릅니다. // 함수 선언문 function add(a, b) { return a+b; } // 함수 표현식 const sum = function(a,b) { return a+b; } 함수 자체를 선언하면 함수 선언문, 선언한 함수를 변수에 담아서 사용하면 함수 표현식이라 합니다. 이 둘은 호이스팅 방식에서 차이가 납니다. add(1, 3); // 함수 선언보다 위에 있지만 오류가 나지 않습니다. function add(a, b) { // 함수 선언문 return a+b; } console.log(sum(1,2)); // 에러. // ReferenceError Cannot access 'sum' before..