this -Core JavaScript

자바스크립트에서의 this는 어디서든 사용할 수 있습니다.
this는 상황에 따라 참조하는 대상이 달라질 수 있습니다.
함수와 객체(메서드) 구분이 느슨한 자바스크립트에서 이 둘을 구분하는 유일한 기능입니다.

  • this
    • 상황에 따라 달라지는 this
      • 전역 공간에서의 this
      • 메서드로서 호출할 때 메서드 내부의 this
        • 함수 vs 메서드
        • 메서드 내부에서의 this
      • 함수로서 호출할 때 그 함수 내부에서의 this
        • 함수 내부에서의 this
        • 메서드의 내부함수에서의 this
        • 메서드 내부 함수에서의 this를 우회하는 방법
        • this를 바인딩하지 않는 함수
      • 콜백 함수 호출시 그 함수 내부에서의 this
      • Class 함수 내부에서의 this
    • 명시적으로 this를 바인딩하는 방법
      • call 메서드
      • apply 메서드
      • call / apply 메서드의 활용
        • 생성자 내부에서 다른 생성자를 호출
        • 여러 인수를 묶어 하나의 배열로 전달
      • bind 메서드
        • name 프로퍼티
        • 상위 컨텍스트의 this를 내부함수나 콜백 함수에 전달하기
      • 화살표 => 함수의 예외사항
      • 별도의 인자로 this를 받는 경우(콜백 함수 내에서의 this)
    • this 정리
자세히 보기