[책] 자바스크립트 코드 레시피 278 - 232일차

클래스 계승하기

• 다른 클래스의 기능을 확장한 클래스를 생성하고 싶을 때
• 빌트인 객체를 계승하고 싶을 때

구문

class 클래스명 extends 생성클래스명 {} // 부모 요소를 계승하는 새로운 클래스 선언

설명

클래스에는 다른 클래스의 속성과 메소드를 그대로 이어받는 계승의 기능이 있습니다. MyParent 클래스를 계승하는 MyChild 클래스의 샘플을 확인합니다.

class MyParent {
  parentMethod() {
    console.log('MyParent 클래스의 메소드입니다.');
  }
}
class MyChild extends MyParent {
  constructor() {
    super();
  }
  childMethod() {
    console.log('MyChild 클래스의 메소드입니다.');
  }
}
const myParent = new MyParent();
myParent.parentMethod();

const myChild = new MyChild();
myChild.parentMethod();
myChild.childMethod();