프로토타입 체인

🔥 프로토타입 체인

: 프로토타입이 상위 프로토타입까지 연결되는 구조 ( __proto__ 이용 )
하위 프로토타입은 상위 프로토타입의 속성과 메소드를 공유 받는다.

• JavaScript에서 상속을 구현할 때 사용

상속

부모 클래스는 속성, 메서드를 물려주고, 자식 클래스는 속성, 메서드를 물려받는 과정
- extends 와 super 키워드를 이용해 상속 구현 가능

DOM과 프로토타입

• 화살표 방향은 부모를 가리킨다.
  ( EventTarget의 부모로, 모든 클래스의 조상인 Object가 존재한다. )
• 인스턴스 __proto__를 이용하면 부모 클래스의 프로토타입, 부모의 부모 클래스의 프로토타입을 탐색 가능하다.

프로토타입 체인 과정

let div = document.createElement('div');

div.__proto__  // HTMLDivElement
div.__proto__.__proto__  // HTMLElement
div.__proto__.__proto__.__proto__  // Element