6. This

this?

   객체를 가리키는참조 변수

   호출되는 위치에 따라 다른 값 출력

 

1. 호출한 객체 없이 단독 호출 경우 : window 객체

 

2. 매서드 내부 : 메서드를 호출한 객체

 

3. 일반 함수(전역범위에서의 함수) 호출 : window 객체

 

4. 화살표 함수 호출 시 상위 스코프 객체

 

5. 생성자 함수 내부 : 생성자 함수가 생성할 인스턴스

 

6. 예시

     1) function a() { console.log(this) }

         a();                                              ➡️ 함수 호출 : window

     2) let myObj = {

              val1: 100,

              func1: function () {

                   console.log(this);   }   }

          myObj.func1();                            ➡️ 연산자 앞의 객체 : myObj

     3) let myObj = {

              val1: 100,

              func1: function () {

                   console.log(this);   }   }

          let test = myObj.func1;

          test()                                          ➡️ 연산자 앞의 객체 : myObj

 

7. 결론

    This는 함수 호출 시점, 즉 만들어 질때가 아닌 '실행'될때 결정된다.

 

❗⚠️ 추가하여 이해하기