TypeScript

화살표 함수와 this

자바스크립트에서 this 키워드는 개발자가 가장 자주 헷갈리는 지점 중 하나입니다. this 값이 함수 선언이 아니라 호출 방식에 따라 동적으로 결정되기 때문입니다.

호출 방식에 따라 this가 달라지는 경우와 화살표 함수가 this를 캡처하는 방식을 확인합니다.

1

화살표 함수 기본 문법 복습

화살표 함수는 function 키워드 없이 매개변수와 반환식을 직접 연결하며, 자체 this 바인딩을 만들지 않습니다.

this 키워드
2

this 바인딩의 차이점

this 키워드는 함수가 실행될 때 함수의 실행 컨텍스트(Execution Context)에 따라 결정됩니다.

호출 방식
3

타입스크립트에서 this 타입 명시하기

타입스크립트는 함수의 this가 어떤 타입을 가리킬지 명시적으로 지정해 메서드 분리나 콜백 전달 시 잘못된 호출을 컴파일 단계에서 잡게 합니다.

화살표 함수(Arrow Functions)