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 besteht darin, 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 verwendet, und exportiere sie.
  3. Der Konstruktor sollte zwei Parameter entgegennehmen: color und radius.
  4. Rufe super(color) auf, um die übergeordnete Klasse zu initialisieren.
  5. Speichere radius als Eigenschaft: this.radius = radius
  6. Importiere die Klasse `Circle` in die 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: VererbungOverriding & Area-MethodeStatischer Shape-Zähler

14Bibliotheksverwaltungssystem

Entwurf der BibliothekBuch-Klasse mit KompositionValidierung der Buchautoren

3Klassen & Objekte

Was ist eine Klasse?Instanzen erstellenEigenschaften und MethodenWiederholungs-Challenge

6Projekt: Ein einfaches Bankkonto

Klasse BankAccountEinzahlungen und AuszahlungenKontostand als privates Feld

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

Übe selbstständig: Online-JavaScript-Compiler