this

LIM·2023년 5월 1일
0

JS 문법

목록 보기
8/8

this는 코드가 실행되는 시점에 따라 다른 것을 가리키게 된다.

this를 사용하는 이유 - (나는) 재사용, 확장성을 위해서라고 생각한다.

동일한 결과를 나타내는 2가지 코드가 있다.

그런데 수정하려고 하면, 또는 재사용하려고 하면 이렇게 된다.


this의 예시

1. 일반 함수에서의 this - 전역객체 즉 window
우리가 작성하는 코드들은 대부분 다 이 window 객체의 프로퍼티가 된다.
(변수와 함수를 선언하고서 앞에 window를 붙이지 않는데, 말 그대로 window는 전역 객체로 페이지 내에 있는 모든 객체를 다 포함하고 있기 때문에 생략이 가능하다.)

2. 객체에서의 this - 그 메서드를 소유한 객체

3. 생성자 함수에서의 this - 새로 생성되는 객체

4. 이벤트 핸들러에서의 this - 이벤트가 발생한 요소

5. 화살표 함수에서의 this - 상위 스코프의 'this' 값을 상속


https://bigtop.tistory.com/48

profile
혹시 틀린 부분이 있다면 언제든 알려주세요 😊

0개의 댓글

관련 채용 정보