[JavaScript] 자바스크립트에서 클래스 계승하기

259_자바스크립트에서 클래스 계승하기

[적용]

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

---

[문법]

구문	의미
class 클래스명 extends 생성 클래스명()	부모 요소를 계승하는 새로운 클래스 선언

---

[내용]

클래스에는 다른 클래스의 속성과 메소드를 그대로 이어받는 계승의 기능이 있다.

MyParent 클래스를 계승하는 MyChild 클래스의 샘플을 확인해 보자.

 

JavaScript      

// 계승 대상 클래스 (부모 클래스)
class MyParent {
  parentMethod() {
    console.log('MyParent 클래스의 메소드입니다.');
  }
}

// MyParent를 계승하는 클래스(자식 클래스)
class MyChild extends MyParent {
  constructor() {
    super();
  }
  
  childMethod() {
    console.log('MyChild 클래스의 메소드입니다.');
  }
}

const myChild = newMyChild();
myChild.parentMethod();  // 결과: 'MyParent 클래스의 메소드입니다.'
myChild.childMethod();  // 결과: 'MyChild 클래스의 메소드 입니다.'

 

 

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김