함수 호이스팅

💡 함수 선언문 : 선언문 이전에 호출 가능, 함수 호이스팅, 함수 객체 초기화
💡 함수 표현식 : 표현식 이전에 호출 불가능, 변수 호이스팅, undefined 초기화

함수 생성 시점과 함수 호이스팅

function add(x, y) {
	return x + y;
}

함수 객체로 초기화
- 함수 정의 → 런타임 이전 함수 객체가 먼저 실행 (자바스크립트 엔진은 함수 이름과 동일한 이름의 식별자를 암묵적으로 생성, 생성된 함수 객체를 할당)
- 선언문 이전에 호출하면 함수 호이스팅에 의해 호출이 가능

var sub = function add(x, y) {
	return x + y;
}

undefined로 초기화
- 변수 선언은 런타임 이전에 실행되어 undefined로 초기화
- 변수 할당문의 값은 할당문이 실행되는 시점, 즉 런타임이 평가되므로 함수 표현식의 함수 리터널도 할당문이 실행되는 시점에 평가되어 함수 객체가 된다.
- 표현식 이전에 참조하면 변수 호이스팅에 의해 undefined로 타입 에러 발생하여 참조 불가능
- 함수 표현식 이후 참조나 호출해야 한다.
변수에 할당되는 값이 함수 리터럴인 문이다.
함수 표현식을 사용하는 것을 권장
- 함수 선언문을 사용하면 선언 전에 호출이 가능해서 함수를 호출하기 전에 반드시 함수를 선언해야 한다는 규칙이 무시되는 경우가 있기 때문이다.

런타임 이전에 자바스크립트 엔진에 의해 먼저 실행되어 식별자를 생성한다.

함수 선언문으로 정의한 함수는 함수 선언문 이전에 호출할 수 있고 함수 표현식으로 정의한 함수는 함수 표현식 이전에 호출할 수 없다. 이는 함수 선언문과 함수 표현식의 생성 시점이 다르기 때문이다.

리터럴 : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.
자바스크립트의 함수는 객체 타입의 값이다.
함수 리터럴의 구성요소
- 함수 이름은 함수 몸체 내에서만 참조할 수 있는 식별자다.
- 함수 리터럴의 함수 이름은 생략할 수 있다.
- 참고) 함수 선언문과 헷갈리지 말 것, 함수 리터럴은 값을 생성하기 위한 표기법이다.