19장. prototype과 __proto__의 차이?

모딥다

 

✅  prototype

---

prototype은 생성자 함수의 속성이다.

생성자 함수의 속성인 prototype과 프로토타입과 인스턴스의 속성인 __proto__

 

생성자 함수의 속성인 prototype으로 프로토타입에 접근할 수 있다.

 

위 사진을 예로 들면 Person이라는 생성자 함수가 있다면, Person.prototype은 Person이라는 생성자 함수에 의해 생성될 인스턴스의 프로토타입을 가리킨다. (추가적으로 prototype은 데이터 프로퍼티, __proto__는 접근자 프로퍼티이다.)

 

✅ __proto__

---

__proto__는 프로토타입과 인스턴스의 속성이다.(모든 객체의 속성)

__proto__는 프로토타입(Person.prototype)을 가르킨다.

 

✅ 스스로 생각 정리

---

쉽게 생각할 수 있도록 정리한 개인적인 생각이다.

 

prototype 속성은 생성자 함수의 인스턴스가 이런 것들을 상속 받으면 좋을 것 같아. 라고 생각하여 인스턴스가 프로토타입으로부터 상속 받을 속성들을 지정하는 용도

 

__proto__는 인스턴스에서 내 프로토타입은 누구지? 라고 생각하여 인스턴스에서 프로토타입에 접근하는 용도

 

뭔가 위 사진을 예시로 관계도를 그려보면(프로토타입에 접근하는 흐름?)

Person --> .prototype --> 프로토타입(Person.prototype) <-- .__proto__ <-- me

 

정확하진 않지만 이렇게 생각하면 쉬운 것 같다.

 

구분	prototype	proto
어디에 있음	함수(생성자 함수 포함)에 존재	모든 객체에 존재
역할	생성된 인스턴스들이 물려받을 속성과 메서드를 정의하는 공간	인스턴스가 자신의 프로토타입 객체를 가리키는 내부 링크
생성 목적	인스턴스에게 상속할 메서드/속성 저장	프로토타입 체인을 따라 부모를 찾아가기 위한 참조
설정 방법	함수가 정의될 때 자동으로 생성됨	객체가 생성될 때 자동으로 연결됨
데이터 종류	일반 객체 (데이터 프로퍼티)	접근자 프로퍼티 (getter/setter로 내부 [[Prototype]] 참조)