[Javascript] 상속(확장)

💡Javascript class의 상속 & 확장 개념에 대해 R아보자

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

// extends = 확장(상속)
class Bicycle extends Vehicle {
	constructor(name, wheel) {
      	// super = Vehicle 
      	// super가 있는 자리에서 Vehicle을 상속받고 실행된다
    	super(name, wheel)
    }
}
const myBicycle = new Bicycle('엄복동', 2);
const daughtersBicycle = new Bicycle('세발', 3)
console.log(myBicycle)
console.log(daughtersBicycle);

class Car extends Vehicle {
  	// license 추가!
	constructor(name, wheel, license) {
    	super(name, wheel);
      	this.license = license
    }
}
const myCar = new Car('qpscm', 4, true);
const daughtersCar = new Car('포르쉐', 4, false);

console.log(myCar);
console.log(daughtersCar);

class를 사용한다는건 미리 만들어진 정보에 추가적으로 살을 붙여가며 새로운 기능들을 확장이라는 개념으로 관리해줄 수 있다는 것을 뜻한다.
리액트에서 많이 씀