JavaScript `this`

global context

엄격 모드가 아니면 this의 값이 호출에 의해 설정되지 않으므로, 기본값으로 브라우저에서는 window인 전역 객체를 참조
엄격 모드에서 this 값은 실행 문맥에 진입하며 설정되는 값을 유지
ECMAScript 5는 Function.prototype.bind를 도입. f.bind(someObject)를 호출하면 f와 같은 본문(코드)과 범위를 가졌지만 this는 원본 함수를 가진 새로운 함수를 생성
화살표 함수에서 this는 자신을 감싼 정적 범위lexical context입니다.
- 화살표 함수를 call(), bind(), apply()를 사용해 호출할 때 this의 값을 정해주더라도 무시
함수를 어떤 객체의 메서드로 호출하면 this의 값은 그 객체를 사용
함수를 new 키워드와 함께 생성자로 사용하면 this는 새로 생긴 객체에 묶임
함수를 이벤트 처리기로 사용하면 this는 이벤트를 발사한 요소로 설정
코드를 인라인 이벤트 처리기로 사용하면 this는 처리기를 배치한 DOM 요소로 설정