25.8.1 클래스 상속과 생성자 함수 상속

• 상속에 의한 클래스 확장은 기존 클래스를 상속받아 새로운 클래스를 확장하여 정의하는 것이다.

상속에 의한 클래스 확장

• 클래스와 생성자 함수는 인스턴스를 생성할 수 있는 함수라는 점에서 매우 유사하다. 클래스는 상속을 통해 기존 클래스를 확장할 수 있는 문법이 기본적으로 제공되지만 생성자 함수는 그렇지 않다.

• 예를 들어, Animal 클래스는 동물의 속성을 표현하고 Bird, Lion 클래스는 상속을 통해 Animal 클래스의 속성을 그대로 사용하면서 자신만의 고유한 속성만 추가하여 확장할 수 있다.

• 그래서 상속에 의한 클래스 확장은 코드 재사용에 유용하다.

• 클래스는 extends 키워드가 기본적으로 제공된다.

• 하지만 생성자 함수는 클래스와 같이 상속을 통해 다른 생성자 함수를 확장할 수 있는 문법이 제공되지 않는다.

  

  클래스 상속을 통해 클래스의 속성을 상속받는다.

class Animal {
  constructor(age, weigth){
    this.age = age;
    this.weigth = weigth;
  }

  eat() { return 'eat'; }

  move() { return 'move'; }
}

// Bird 클래스 - 상속을 통해 Animal 클래스를 확장함
class Bird **extends** Animal {
  fly() { return 'fly'; }
}

const bird = new Bird(1,5);

console.log(bird); //Bird { age: 1, weigth: 5 }
console.log(bird instanceof Bird); //true
console.log(bird instanceof Animal); //true

console.log(bird.eat()); //eat
console.log(bird.move()); //move
console.log(bird.fly()); //fly

상속에 의해 확장된 클래스 Bird에 의해 생성된 인스턴스의 프로토타입 체인

25.8.2 extends 키워드

// 부모 클래스
class Base {}

// 자식 클래스(=파생/서브 클래스)
class Derived extends Base {}

• 부모 클래스 : 자식 클래스에게 상속된 클래스 (=수퍼/베이스 클래스)
• 자식 클래스 : 상속을 통해 확장된 클래스 (=서브/파생 클래스)

extends

• 부모 클래스와 자식 클래스 간의 상속 관계를 설정하는 것이다.
• 기존 클래스(부모 클래스)를 상속받아 새로운 클래스(자식 클래스)를 만드는 키워드이다.
• 부모 클래스의 속성과 메서드를 물려받아 사용할 수 있게 해준다.
• 클래스도 프로토타입을 통해 상속 관계를 구현한다.

extends 키워드