JS. 상속(확장)

클래스 상속(확장)

클래스 상속을 사용하면 클래스를 다른 클래스로 확장할 수 있다.

extends

클래스 확장 문법으로 우리의 예제를 보면 Vehicle이라는 클래스를 상속, 확장하려고 한다.

Bicycle과 Car라는 클래스로 설명해보겠다.

class Vehicle {
  constructor(name, whell) {
    this.name = name
    this.whell = whell
  }
}
const myVehicle = new Vehicle('운송수단', 2)
console.log(myVehicle)

기존의 클래스 함수로써 저번 ES6 Classes에서 배운 내용이다.

운송수단으로써 Vehicle을 클래스로 선언한다.

그러면 Bicycle은 상속이 되는 것이고, Car는 license라는 매소드를 추가하여 확장한다고 표현하는 것이다.

class Bicycle extends Vehicle {
  constructor(name, whell) {
    super(name, whell)
  }
}
// 상속
const myBicycle = new Bicycle('삼천리', 2)
const daughtersBicycle = new Bicycle('세발', 3)
console.log(myBicycle)
console.log(daughtersBicycle)

extends를 사용하려면 super라는 함수를 사용해야 한다.

마찬가지로 아래 코드를 보면 super라는 함수를 사용하고 있다.

class Car extends Vehicle {
  constructor(name, whell) {
    super(name, whell)
    this.license = license
  }
}
// 확장
const myCar = new Car('벤츠', 4, true)
const daughtersCar = new Car('포르쉐', 4, false)

Car class는 license 매소드가 추가된 것을 확인할 수 있다.

super

super 키워드는 객체의 부모가 가지고 있는 메서드를 호출하기 위해 사용된다.

이는 프로토타입 기반 상속보다 좋은 점 중 하나이다.