자바스크립트에서는 클래스 간의 상속을 통해 계층 구조를 만들고, 메서드를 재정의하여 부모 클래스의 특징을 상속받은 자식 클래스를 다양하게 수정할 수 있습니다.

상속의 계층 구조

부모 클래스에는 기본적인 특징이 포함되어 있으며, 자식 클래스는 해당 기본적인 특징을 상속받아 확장하거나 변경할 수 있습니다.

아래는 자바스크립트에서 상속의 계층 구조를 구현한 예시입니다.

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  makeSound() {
    console.log('Some sound');
  }
}

class Dog extends Animal {
  makeSound() {
    console.log('Woof');
  }
}

위의 예시에서 Animal 클래스는 기본적인 makeSound 메서드를 가지고 있으며, Dog 클래스는 makeSound 메서드를 재정의하여 ‘Woof’를 출력하도록 수정하였습니다.

메서드 재정의

메서드 재정의를 통해 자식 클래스는 부모 클래스의 메서드를 다시 정의하거나 수정할 수 있습니다. 이를 통해 기본적인 동작을 상속받은 자식 클래스들이 각각의 특징을 강조하거나 변경할 수 있습니다.

결론

상속과 메서드 재정의를 통해 자바스크립트에서 클래스 간의 계층 구조를 구현하고, 다양한 동작을 상속하거나 수정할 수 있습니다.

참고 자료:

1. MDN web docs: Classes
2. MDN web docs: Inheritance and the prototype chain