Menu
Coddy logo textTech
JETZT LERNEN
flag De iconDeutschdown icon

Circle-Klasse: Vererbung

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

challenge icon

Aufgabe

Deine Aufgabe ist es, eine Circle Klasse zu erstellen, die von der Shape Klasse erbt.

  1. Importiere in der Datei namens Circle.js die Shape Klasse am Anfang: import { Shape } from './Shape.js';
  2. Erstelle eine Circle Klasse, die extends Shape nutzt, und exportiere sie
  3. Der Konstruktor sollte zwei Parameter entgegennehmen: color und radius
  4. Rufe super(color) auf, um die Elternklasse zu initialisieren
  5. Speichere den radius als Eigenschaft: this.radius = radius
  6. Importiere die `Circle` Klasse in der Hauptdatei

Probier es selbst

import { Shape } from './Shape.js';
// TODO: Importiere die Klasse `Circle`


// Tests
const basicShape = new Shape('red');
console.log(basicShape.describe()); // "A red shape"

const myCircle = new Circle('blue', 10);
console.log(myCircle.describe()); // Sollte ausgeben: "A blue shape"

Alle Lektionen in Objektorientierte Programmierung

1Objekte & das this-Schlüsselwort

Kurze Wiederholung: ObjekteMethoden zu Objekten hinzufügenDas this-Schlüsselwort verstehenKonstruktorfunktionenDas new-SchlüsselwortWiederholungs-Challenge

4Methoden & Zustandsverwaltung

Methoden, die den Zustand ändernMethod-Chaining-Pattern

7Vererbung & das extends-Schlüsselwort

VererbungDie „ist-ein“-BeziehungDas extends-SchlüsselwortDie super()-MethodeVererben von Eigenschaften & MethodenWiederholungs-Challenge

10Polymorphie

Was ist Polymorphie?Geerbte Methoden überschreibenVerwendung von superWiederholungs-Challenge

13Komposition vs. Vererbung

Die "hat-ein"- vs. "ist-ein"-BeziehungDie Grenzen tiefer VererbungObjekte zusammenbauen

2Code organisieren

Was sind Module?Exportieren mit exportImportieren mit importDefault- vs. benannte Exports

5Kapselung & Zugriff

KapselungÖffentliche & private KlassenfelderPrivate MethodenWiederholungs-Herausforderung

8OOP-Code strukturieren

Klassen in Modulen organisieren

11Projekt: Ein Shape-Renderer

Setup: Shape-Klasse & ExportCircle-Klasse: VererbungProjekt-LektionOverriding & Area-MethodeProjekt-LektionStatischer Shape-ZählerProjekt-Lektion

14Bibliotheksverwaltungssystem

Entwurf der BibliothekBuch-Klasse mit KompositionProjekt-LektionValidierung der BuchautorenProjekt-Lektion

3Klassen & Objekte

Was ist eine Klasse?Instanzen erstellenEigenschaften und MethodenWiederholungs-Challenge

6Projekt: Ein einfaches Bankkonto

Klasse BankAccountEinzahlungen und AuszahlungenProjekt-LektionKontostand als privates FeldProjekt-Lektion

9Statische Methoden & Eigenschaften

Klassenebene vs. InstanzebeneStatische EigenschaftenStatische HilfsmethodenWiederholungs-Challenge

12Getter & Setter

Die Schlüsselwörter get und setBerechnete EigenschaftenValidierung und SeiteneffekteWiederholungs-Challenge

15Abschluss-Herausforderungen

Spielfiguren-BuilderE-Commerce ProduktsystemUniversitäts-VerwaltungssystemSmart-Home-Gerätesystem