객체 지향 프로그래밍의 특성중 상속을 JS에서 구현할 떄에는 프로토타입 체인을 사용하게 된다.
JS에서는 extends
와 super
키워드를 사용하여 상속을 구현할 수 있다.
Person 클래스의 자식 클래스로 Teacher 클래스를 집어넣고 싶다면,
class Teacher extends Person{
constructor () {
~~~}
~~~
}
식으로 구성될 것이고,
여기서 super연산자까지 사용한다면,
class Teacher extends Person{
constructor (~~~) {
super(~~~)
~~~}
~~~
}
식으로 구성되게 된다.
브라우저에서 DOM 을 이용하면 document.createElement('div')
로 새로운 div 엘리먼트를 만들 수 있다.
이렇게 생성된 div 엘리먼트는 HTMLDivElement라는 클래스의 인스턴스가 된다.
DOM 엘리먼트는 innerHTML 과 같은 속성, 또는 append()와 같은 메서드가 있다.
인스턴스의 _proto__
를 이용하여 부모 클래스의 프로토타입, 혹은 부모의 부모클래스의 프로토타입을 확인할 수 있다.