DOM 이벤트에서 this 선택하기

이벤트 리스너는 DOM 요소 자체가 필요한지, 바깥 객체 상태가 필요한지에 따라 일반 함수와 화살표 함수를 다르게 고른다.

DOM 이벤트에서 this 선택하기이벤트 리스너는 DOM 요소 자체가 필요한지, 바깥 객체 상태가 필요한지에 따라 일반 함수와 화살표 함수를 다르게 고른다.
1

핵심 1

DOM 이벤트에서 this 선택하기 DOM 이벤트에서 this 선택하기 이벤트 리스너는 DOM 요소 자체가 필요한지, 바깥 객체 상태가 필요…

2

핵심 2

필요한 것 일반 함수가 맞는 경우 화살표 함수가 맞는 경우 확인할 API Clicked element this가 리스너 대상이어야 함 event.…

3

핵심 3

익명 화살표는 제거 어려움 handler 변수 보관 Readability DOM this가 의미를 드러냄 외부 상태 접근이 선명 팀 규칙을 통일 이벤트에서 this를…

핵심이벤트에서 this를 고를 때는 클릭된 DOM이 필요한지, 컴포넌트/객체 상태가 필요한지 먼저 묻는다.