[JS] 상속(확장)

상속(확장)을 간단한 코드로 살펴보겠다. 

// extends 상속(확장)

class Vehicle {
  constructor(name, wheel) {
    this.name = name
    this.wheel = wheel
  }
}

const myVehicle = new Vehicle('운송수단', 2)
console.log(myVehicle)

class Bicycle extends Vehicle {
  constructor(name,wheel) {
    super(name, wheel)
  }
}

const myBicycle = new Bicycle('삼천리', 2) 
const sistersBicycle = new Bicycle('세발', 3) 
console.log(myBicycle)
console.log(sistersBicycle)

class Car extends Vehicle {
  constructor(name, wheel, license){
    super(name, wheel)
    this.license = license
  }
}

const myCar = new Car('벤츠', 4, true)
const sistersCar =new Car('포르쉐',4,false)

console.log(myCar)
console.log(sistersCar)

한 클래스를 extends 키워드를 통해서 상속(확장)할 수 있다.

Bicycle, Car 함수에서 보이는 super에서 받은 매개 변수는 Vehicle 함수의 name과 wheel로 가서 같은 방식으로 동작한다. 즉 상속한 함수를 super라는 함수를 통해서 상속 받은 함수의 내부의 원하는 위치에서 실행할 수 있다.