this binding

화살표 함수는 this를 새로 만들지 않습니다

일반 함수와 화살표 함수의 this 바인딩 차이를 알면 메서드, 콜백, 클래스 필드에서 타입 오류를 줄일 수 있습니다.

일반 함수

호출자가 결정

function 선언의 this는 호출 방식에 따라 달라질 수 있어 명시가 필요합니다.

this: User
화살표 함수

바깥값 캡처

화살표 함수는 주변 스코프의 this를 사용해 콜백에서 문맥을 유지합니다.

() => value
메서드 설계

동적 바인딩

객체 메서드로 this를 쓰는 경우 일반 메서드 문법이 의도를 더 잘 드러냅니다.

method()
콜백 안정성

문맥 보존

이벤트 핸들러나 비동기 콜백에서는 화살표 함수가 this 손실을 줄입니다.

handler = () =>