this
는 자신이 속한 객체를 가리키는 식별자이며, 자바스크립트에서는 함수 호출 방식에 따라 동적으로 결정됩니다. 🎯- 일반 함수 호출 시
this
는 전역 객체를 가리키며, 콜백 함수 내부에서도 연결이 끊겨 전역 객체를 가리킬 수 있습니다. 📞 - 객체의 메서드 호출 시
this
는 메서드를 호출한 객체를 가리키고, 생성자 함수 호출 시에는 생성될 인스턴스를 가리킵니다. 🏗️ apply
,call
,bind
메서드를 사용하여this
를 원하는 객체로 명시적으로 지정할 수 있습니다. 🛠️- 화살표 함수는
this
가 바인딩되지 않고, 선언된 위치의 상위 스코프에서this
를 결정합니다. ➡️ - 자바스크립트의 동적
this
바인딩은 함수의 유연성과 재사용성을 높이고, HTML 인라인 이벤트 핸들러에서 이벤트 대상 요소에 쉽게 접근하도록 설계되었습니다. 💡