← Back to NOTES 🌰 ← Effective JavaScript 🤿

← 아이템 16 - eval을 이용해 지역 변수를 생성하지 마라

핵심 요약

JavaScript에서 함수는 4가지 방식으로 호출할 수 있으며, 각각 this 바인딩이 다르게 동작한다. 일반 함수 호출, 메서드 호출, 생성자 호출, 그리고 apply/call/bind를 통한 간접 호출의 차이점을 이해해야 한다.

자세한 내용

4가지 함수 호출 방식

1. 일반 함수 호출

• this가 전역 객체(window/global)에 바인딩
• 중첩 함수, 콜백 함수도 동일

2. 메서드 호출

• this가 메서드를 호출한 객체에 바인딩

3. 생성자 함수 호출

• new 연산자와 함께 호출
• this가 새로 생성된 인스턴스에 바인딩

4. apply/call/bind 간접 호출

• this를 명시적으로 지정

this 바인딩의 동적 특성

• 함수 호출 방식에 따라 this가 동적으로 결정
• 함수 정의 시점이 아닌 호출 시점에 결정