웹 입문

This 키워드와 바인딩

자바스크립트의 this는 함수가 호출될 때마다 결정되는 특별한 값입니다. 많은 개발자가 헷갈리는 이유는 this가 함수 선언 방식이 아니라 호출 방식에 따라 동적으로 바뀌기 때문입니다.

전역 컨텍스트에서의 this와 일반 함수 호출에서의 this를 중심으로 This 키워드와 바인딩의 판단 흐름을 읽습니다.

핵심 흐름

1

this의 기본 개념: 실행 컨텍스트의 일부

앞서 1장에서 우리는 실행 컨텍스트가 Lexical Environment, Variable Environment, 그리고 this 바인딩이라는 세 가지 구성 요소를 가지고 있음을 배웠습니다.

2

this 바인딩 규칙: 상황별 결정 방식

자바스크립트에서 this는 크게 네 가지 일반적인 규칙에 따라 바인딩됩니다.

3

화살표 함수에서의 this 바인딩

ES6에서 도입된 화살표 함수(Arrow Function)는 this 바인딩 방식에서 기존 함수와 중요한 차이점을 가집니다.

4

객체 구조 정리

이번 장에서는 자바스크립트의 this 키워드와 그 바인딩 원리에 대해 깊이 있게 탐구했습니다.