본문 바로가기

프론트엔드 공부/javscript

class 상속과 확장

class A기본구문 >

class B extends A 에서의 super 개념 >

class C extends A에서의 super와 매개변수추가

//class의 상속과 확장

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

//확장(상속)
//super의 매개변수는 class Vehicle의 매개변수에서 받아주는 값

class Bicycle extends Vehicle{
  constructor(name,wheel){
    super(name,wheel);
  }
}
const myBicycle = new Bicycle('삼천리',2);
console.log(myBicycle); 

//확장(상속) + 추가
class Car extends Vehicle{
  constructor(name,wheel,license){
    super(name,wheel);
    this.license = license;
  }
}
const myCar = new Car('벤츠',4, false);
console.log(myCar);