this [Deep Dive]

tjswo·2022년 7월 1일
0

DeepDive

목록 보기
3/3
post-thumbnail

this란

  • 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다.

this가 필요한 이유❓

  • 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다.
    이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야한다.

this를 사용안함

const circle = {
	radius: 5,
    getDiameter() {
    	return 2 * circle.radius;
    }
};
console.log(circle.getDiameter()); // 10

this 바인딩

함수 호출 방식(전역, 메서드, 생성자 함수)에 의해 동적으로 결정

  • 전역 -> window
  • 메서드 내의 this -> 메서드를 호출한 객체 기리킴
  • 생성자 함수 내의 this -> 생성자 함수가 생성할 인스턴스

🚨 느낌

Javscript의 개념을 완벽하게 잡지 않고 React를 시작하다 보니 개인 프로젝트를 시작할 때 이해 안되는 코드와 왜???? 에러가 난건지 모르겠어서
지금부터라도 차근차근 다시 공부!!!

profile
다적자생존(다 적어야 산다)

0개의 댓글