this의 용법

Ryeokyeong Hong·2022년 4월 27일
0

Javascript

목록 보기
12/15

this

  • 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수
  • 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메소드 참조 가능
  • 자바스크립트 엔진에 의해서 암묵적으로 생성됨
  • 객체의 프로퍼티나 메소드를 참조하기 위한 자기 참조 변수이므로 일반적으로 객체의 메소드 내부나 생성자 함수 내부에서만 유의미
  • 함수를 호출하면 인자와 this가 암묵적으로 함수 내부에 전달됨
  • 지역 변수 처럼 사용 가능 (단, this 바인딩은 함수 호출 방식에 의해 동적으로 결정)
  • 전역에서 사용 / 함수 안에서 사용

전역에서 사용한 경우

  • 자바스크립트의 경우에 this는 항상 window 전역 객체 참조
  • 전역 객체란? 전역 범위에 항상 존재하는 객체 (node.js -> global)
  • 브라우저라는 자바스크립트에서 모든 변수, 함수 -> window라는 객체의 메소드

함수내부에서 사용한 경우

  • 함수는 전역에 선언된 일반 함수와 객체 안에 메소드를 크게 구분가능
  • 메소드 : 전역에 선언된 함수와 구분하기 위해 객체 안에서 선언된 함수 (전역에 선언된 일반 함수->window 전역객체의 메소드)
  • 모든 함수는 객체 내부에 있음
  • this는 현재 함수를 실행하고 있는 그 객체를 참조
  • 함수 내부에서 this의 값은 함수를 호출하는 방법에 의해 바뀜 / 엄격모드 여부에 따라 참조값 달라짐
  • 엄격모드: 일반 함수 내부의 this -> undefinded가 바인딩 됨

this 사용

전역에서 선언된 함수에서 this

- function -> global (window, global)

function func() {
	return this;
}
func();		//결과값 : window 객체 출력

0개의 댓글

관련 채용 정보