🍦Vanilla JS ⑥ 클래스 (자바 class VS 자바스크립트 class)

• 자바스크립트에서의 class와 자바의 class는 유사한 점이 많습니다.
• 공통사항은 따로 다루지 않고, 차이점에 대해서만 다루겠습니다.

차이점

• ☕ 자바 클래스는 인터페이스를 사용하여 다중 상속을 모방할 수 있습니다만,
  🍦 자바스크립트에서는 인터페이스 개념이 없으므로 다른 방법을 사용해야 합니다.
• ☕ 자바 클래스에서는 super 키워드를 사용하여 상위 클래스의 생성자를 명시적으로 호출해야 합니다.
  🍦자바스크립트 클래스에서는 super 키워드를 사용하여 상위 클래스의 '생성자'를 호출하는 것 이외에도, super 키워드를 사용하여 상위 클래스의 '메소드'를 호출할 수 있습니다.
• ☕자바 클래스에서는 상위 클래스의 메소드를 super 키워드를 사용하여 오버라이딩을 방지할 수 있습니다만,
  🍦자바스크립트에서는 오버라이딩을 방지하는 키워드가 없기 때문에 다른 방법을 사용해야 합니다.

예시

class Vehicle {
  constructor(brand, model, year, color, speed) {
    this.brand = brand;
    this.model = model;
    this.year = year;
    this.color = color;
    this.speed = speed;
  }
  getBrand() {
    return this.brand;
  }
  getModel() {
    return this.model;
  }
  getYear() {
    return this.year;
  }
  getColor() {
    return this.color;
  }
  getSpeed() {
    return this.speed;
  }
  accelerate(amount) {
    this.speed += amount;
    console.log(`The ${this.brand} ${this.model} is now going ${this.speed}km/h.`);
  }
  break(amount) {
    this.speed = Math.max(0, this.speed - amount);
    console.log(`The ${this.brand} ${this.model} is now going ${this.speed}km/h.`);
  }
  static getNumberOfWheels() {
    return 0;
  }
}

class Car extends Vehicle {
  constructor(brand, model, year, color, speed, numDoors) {
    super(brand, model, year, color, speed);
    this.numDoors = numDoors;
  }

  getNumDoors() {
    return this.numDoors;
  }
  static getNumberOfWheels() {
    return 4;
  }
}
class Truck extends Vehicle {
  constructor(brand, model, year, color, speed, towingCapacity) {
    super(brand, model, year, color, speed);
    this.towingCapacity = towingCapacity;
  }
  static getNumberOfWheels() {
    return 6;
  }
}

const myCar = new Car("현대", "제네시스G80", 2022, "BLACK", 180, "4");
console.log(myCar.getBrand());
myCar.accelerate(30);
myCar.break(10);
console.log(Car.getNumberOfWheels());

console.log("\n");

const myCar2 = new Truck("기아", "봉고", 2010, "WHITE", 100, 10000);
console.log(myCar2.getModel());
console.log(myCar2.getColor());
myCar2.accelerate(50);
myCar2.break(80);
console.log(Truck.getNumberOfWheels());