• “객체 지향 프로그래밍에서 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶는 복합적인 자료구조이다.
• 그 중에서도 메서드는 자신이 속한 객체의 상태, 여기서는 프로퍼티를 참조하고 변경 할 수 있어야한다. //10

const circle = {
	// 프로퍼티 : 객체 고유의 상태 데이터
	radius : 5;
	getDiameter(){
		// 이 메서드가 자신이 속한 객체의 프로퍼티나 다른 메서드를 참조하려면...객체를 가르키는 식별자로 
		// 참조 할 수 있다.
		return 2 * circle.radius;
	}
};

console.log(circle.getDiameter()); // 10

• 객체내의 getDiamter 메소드의 circle.radius의 circle참조 표현식이 평가되는 시점은 getDiameter 메서드가 호출되어서 함수 몸체가 실행되는 시점이다.

• 객체 리터럴은 객체를 가리키는 식별자가 존재하지만, 생성자 함수는 인스턴스를 생성하지 않으면, 객체내에서 그 생성자 함수를 가르킬 어떠한 식별자도 없다. 그래서 자바스크립트의 this 가 나왔다.

• this 는 특수한 식별자이다.

<aside> ♻️ this는 자신이 속한 객체 혹은 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다.

</aside>

• arguments객체가 함수 내부에서 지역변수처럼 사용될 수 있는 것과 마찬가지로, this 도 지역변수 처럼 사용 될 수 있다.

this 바인딩

• 바인딩 : 식별자와 값을 연결하는 과정
• ex) 변수 선언은 변수 이름(식별자)와 확보된 메모리 공간의 주소를 바인딩 하는 것이다.
• this 바인딩 : this(특수 식별자)와 this가 가리킬 객체를 바인딩.

객체 리터럴과 생성자 함수에서의 this

• 객체 리터럴의 메서드 내부에서의 this는 메서드를 호출한 객체를 가르킨다.

const circle = {
	radius : 5,
	
	getDiamter(){
		// 메서드를 호출한 객체를 가르킴
		return 2 * this.radius
	}
}

console.log(circle.getDiameter());

• 생성자 함수내부의 this는 생성자 함수가 생성할 인스턴스를 가르킨다.