TIL
<자바스크립트 Javascript> this의 사용
낭만인
2021. 12. 29. 22:12
- this의 사용
자바스크립트에서 함수는 객체의 프로퍼티에 할당되었을 때 메서드라 칭한다. 메서드는 그 존재 이유인 기능을 실행하기 위해 객체에 저장된 정보에 접근할 수 있어야 한다. 이 때, 메서드가 자신이 속한 객체의 프로퍼티 값을 사용할 때에 this 키워드를 사용한다. 즉, this 키워드는 객체 자신을 가리키는 키워드이다.
- this 사용의 이점
this 키워드를 사용하지 않고 외부 객체를 참조하여 객체에 접근하는 것도 가능하다. 다만 이 경우 해당 객체의 값이 변경되면 에러가 발생할 수 있다는 단점이 있다. 따라서 외부 객체를 참조하는 방법보다 this 키워드를 사용하여 객체에 접근하는 것이 안전하다.
- 자바스크립트 this의 특징
자바스크립트에서의 this 키워드는 다른 언어와는 달리 모든 함수에서 사용이 가능하다는 특징을 갖는다. 이 때, this 키워드가 가리키는 값은 런타임(자바스크립트 실행) 시 결정된다. 그리고 여러 함수에서 this 키워드를 사용한 경우 값은 컨텍스트에 따라 결정되므로 참조한 값이 모두 같지는 않다.
- 화살표 함수에서의 this
화살표 함수에서는 this 키워드를 참조하면 외부 함수에서 this 값을 가져온다. 화살표 함수의 고유한 this가 아닌 것이다. 따라서 이러한 특징을 이해하고 필요한 경우에 이용하는 것이 권장된다.
참고 : 웹 사이트 <JAVASCRIPT.INFO>