2021-12-14 TIL

🦁 Day 33

💻 오늘 공부한 것

함수 호이스팅

1) 함수 선언문의 경우

런타임 이전에 자바스크립트 엔진에 의해 함수 선언문이 평가되어 함수 객체가 생성되어 있으므로 함수 선언문 이전에 함수를 참조할 수도, 함수 호출도 할 수 있다.

변수 호이스팅과의 차이
var 키워드로 선언한 변수의 경우 undefined로 초기화 되지만 함수 선언문을 통해 생성된 식별자는 함수 객체로 초기화된다

변수 선언문	함수 선언문

2) 함수 표현식의 경우

함수 호이스팅이 아닌 변수 호이스팅 발생. 런타임 이전에 undefined로 초기화되고 런타임 때 평가되어 함수 객체가 된다. 따라서 함수 표현식 이후에 참조 또는 호출해야 한다.

console.log(sum(1,2)); // 3
console.log(mul(1,2)); // TypeError: mul is not a function

// 함수 선언문
function sum(x, y){
	return x + y;
}

// 함수 표현식
var mul = function (x, y){
	return x * y;
}

console.log(mul(1,2)); // 2

---

<참고서적>
모던 자바스크립트 딥다이브