[Java Script] 프로토타입 체인

키워드 : 프로토타입 체인, .prototype,.__proto__, Object, 상속

 

---

프로토타입 체인

• 자바스크립트가 객체지향 프로그래밍의 상속을 구현하는 메커니즘.
• 객체의 프로퍼티에 접근하려할 때, 해당 객체의 프로퍼티가 없다면 자신의 부모 역할을 하는 상위 프로토타입의 프로퍼티를 순차적으로 검색 → 이러한 계층 구조가 바로 프로토타입 체인.

예시)

HTMLDivElement   →   HTMLElement   →   Element   →   Node   →   EventTarget   →   Object

 

.prototype

클래스명.prototype : 해당 클래스의 프로토타입 확인 가능.

 

 

Object.prototype

• 프로토타입의 최상위 객체
• 모든 객체는 Object.prototype을 상속 받음.
• Object.prototype의 프로토타입은 null.

 

.__proto__

접근자 프로퍼티. 일종의 연결고리

.__proto__ : 인스턴스에서 사용하면 자신의 클래스의 프로토타입 확인이 가능.

.__proto__.__proto__ : 부모 클래스로 거쳐 올라가 부모의 프로토타입 검색이 가능하다.