관리 메뉴

KorSA

[ JavaScript ES 6 ] this 본문

Knowledge Wiki/Javascript

[ JavaScript ES 6 ] this

Praiv. 2021. 12. 16. 18:04
320x100

1.this의 의미
    1) 그냥 쓰거나 일반 함수 안에서 쓰면 {window}를 의미함
        {window} 오브젝트는 자바스크립트 기본 함수들을 가지고 있는 변수임

    2) strict 모드에서는 일반 함수 안의 this가 undefined됨

    3) 오브젝트 내 함수 안에서 this는 오브젝트를 의미함
        자바스크립트는 오브젝트 안에 함수 넣을 수 있음
        오브젝트 안의 함수에서 this를 쓰면 이 this는 자신을 포함하고 있는 오브젝트를 의미함

    4) 이벤트리스너 안에서는 e.currentTarget을 의미함

 

2. 오브젝트 내에서 콜백 함수를 사용하면 이 함수 내부에서 this는 {window}를 의미한다.
    콜백 함수 자체는 전역으로 정의가 되었기 때문.
    만일 콜백 함수를 Arrow Function 형태로 바꾸면 this는 이 함수를 포함하는 오브젝트를 의미한다.

 

 

 

728x90
728x90
Comments