[간단정리js] this 키워드

JavaScript에서 " this " 키워드는 현재 함수가 속성인 개체(즉, 현재 함수 자신을' 프로퍼티==속성' 으로 포함하고 있는 상위 객체)를 나타냅니다. 하지만, 이 값은 함수가 호출되는 컨텍스트에 따라 변경될 수 있습니다.

1. 글로벌 범위에서 "this"은 글로벌 개체(일반적으로 브라우저의 "창")를 나타냅니다.

2. 메소드에서 "this"은 메소드의 속성인 객체를 나타냅니다.

 

3. 생성자 함수에서 "this"은 생성되는 객체를 나타냅니다.

호출(call), 적용(apply) 또는 바인딩(bind)을 사용하여 "this"의 값을 명시적으로 설정할 수 있습니다.

하지만 이를 사용하는 것은, 메서드 및 속성에 액세스하는 방식과 코드 동작 방식에 영향을 미치기 때문에 " this " 의 값을 정확히 이해하는 것이 중요합니다. "this"의 값을 오해하는 것은 자바스크립트 코드에서 버그의 일반적인 원인입니다. 즉, 이해하지 못하면 예기치 못한 에러 + 잘못된 코드 에러가 발생했을 때 대처가 늦어질 수 있습니다.