Die Grenzen tiefer Vererbung

Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy. Lektion 48 von 56.

Obwohl Vererbung nützlich ist, kann das Erstellen sehr tiefer Vererbungshierarchien (Elternklasse → Kindklasse → Enkelklasse → Urenkelklasse) zu Problemen führen. Je tiefer die Kette ist, desto schwieriger wird es, den Code zu verstehen, zu warten und zu ändern.

Sehen wir uns an, was bei einer tiefen Vererbungskette passiert:

// Basisklasse
class Vehicle {
  constructor(type) {
    this.type = type;
    this.isRunning = false;
  }
  
  start() {
    this.isRunning = true;
    console.log(`${this.type} started`);
  }
}

// Erste Vererbungsebene
class Car extends Vehicle {
  constructor(make, model) {
    super("Car");
    this.make = make;
    this.model = model;
    this.wheels = 4;
  }
  
  honk() {
    console.log("Beep beep!");
  }
}

// Zweite Vererbungsebene
class SportsCar extends Car {
  constructor(make, model, topSpeed) {
    super(make, model);
    this.topSpeed = topSpeed;
  }
  
  race() {
    this.start();
    console.log(`Racing at ${this.topSpeed} mph!`);
  }
}

In diesem Beispiel befindet sich SportsCar zwei Vererbungsebenen tief. Dies kann zu mehreren Problemen führen:

Änderungen an Vehicle könnten SportsCar unerwartet beeinträchtigen

Je länger die Vererbungskette wird, desto schwieriger wird es nachzuverfolgen, woher Methoden und Eigenschaften stammen

Du wirst in „ist-ein“-Beziehungen gezwungen, die möglicherweise nicht flexibel genug sind

Aufgabe

Vervollständige die Datei Robot.js, damit der Roboter funktionsfähig ist. Im Moment ist der Roboter gebaut, kann aber nichts tun.

Was in <strong>Robot.js</strong> zu tun ist:

Erstelle die Speaker- und Mover-Komponenten innerhalb des Robot-Konstruktors
Verwende die Komponenten in den Methoden:
1. In greet(): Rufe this.speaker.speak("Hello!"); auf
2. In walkForward(): Rufe this.mover.move("forward"); auf

Warum wir das tun: Das ist Komposition – der Roboter wird durch das Kombinieren kleinerer Komponenten erstellt. Der Roboter hat einen Speaker (zum Sprechen) und hat einen Mover (zum Bewegen), anstatt diese Fähigkeiten zu erben.

Probier es selbst

import { Robot } from './Robot.js';

const myRobot = new Robot('Robo');

myRobot.greet();     // Sollte ausgeben: Saying: "Hello!"
myRobot.walkForward(); // Should output: Moving forward