본문 바로가기

프론트엔드/자바스크립트

프로토타입체인

 

상속을 자바스크립트에서 구현할 때 프로토타입 체인을 사용합니다.

 

_proto__를 이용하면 부모 클래스의 프로토타입, 혹은 '부모의 부모 클래스'의 프로토타입을 탐색할 수 있습니다.

 

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

div.__proto__ 
div.__proto__.__proto__
div.__proto__.__proto__.__proto__

결과:

HTMLDivElement {Symbol(Symbol.toStringTag): 'HTMLDivElement', onmouseenter: undefined, onmouseleave: undefined, constructor: ƒ}

 

HTMLElement {…}

 

Element {…}