Overriding & Area-Methode
Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy — Lektion 41 von 56.
Aufgabe
Verbessere die Klasse Circle, indem du die Methode describe() überschreibst und eine neue Methode calculateArea() hinzufügst.
Deine Aufgabe:
Überschreibe die Methode
<strong>describe()</strong>, um${super.describe()} (Circle with radius ${this.radius})zurückzugeben.Beispiel: "A blue shape (Circle with radius 10)"
- Füge eine Methode
<strong>calculateArea()</strong>hinzu, die:- Die Fläche mit der Formel
Math.PI * this.radius * this.radiusberechnet Die berechnete Fläche zurückgibt (kein console.log erforderlich)
*Dies ist eine Circle-spezifische Methode (nicht in der übergeordneten Klasse Shape)
- Die Fläche mit der Formel
Probier es selbst
import { Shape } from './Shape.js';
import { Circle } from './Circle.js';
// 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 (Circle with radius 10)"
console.log(myCircle.calculateArea()); // Sollte ausgeben: "314.1592653589793"Alle Lektionen in Objektorientierte Programmierung
1Objekte & das this-Schlüsselwort
Kurze Wiederholung: ObjekteMethoden zu Objekten hinzufügenDas this-Schlüsselwort verstehenKonstruktorfunktionenDas new-SchlüsselwortWiederholungs-Challenge7Vererbung & das extends-Schlüsselwort
VererbungDie „ist-ein“-BeziehungDas extends-SchlüsselwortDie super()-MethodeVererben von Eigenschaften & MethodenWiederholungs-Challenge10Polymorphie
Was ist Polymorphie?Geerbte Methoden überschreibenVerwendung von superWiederholungs-Challenge13Komposition vs. Vererbung
Die "hat-ein"- vs. "ist-ein"-BeziehungDie Grenzen tiefer VererbungObjekte zusammenbauen2Code organisieren
Was sind Module?Exportieren mit exportImportieren mit importDefault- vs. benannte Exports5Kapselung & Zugriff
KapselungÖffentliche & private KlassenfelderPrivate MethodenWiederholungs-Herausforderung8OOP-Code strukturieren
Klassen in Modulen organisieren11Projekt: Ein Shape-Renderer
Setup: Shape-Klasse & ExportCircle-Klasse: Vererbung14Bibliotheksverwaltungssystem
Entwurf der BibliothekBuch-Klasse mit Komposition3Klassen & Objekte
Was ist eine Klasse?Instanzen erstellenEigenschaften und MethodenWiederholungs-Challenge6Projekt: Ein einfaches Bankkonto
Klasse BankAccountEinzahlungen und Auszahlungen9Statische Methoden & Eigenschaften
Klassenebene vs. InstanzebeneStatische EigenschaftenStatische HilfsmethodenWiederholungs-Challenge12Getter & Setter
Die Schlüsselwörter get und setBerechnete EigenschaftenValidierung und SeiteneffekteWiederholungs-Challenge15Abschluss-Herausforderungen
Spielfiguren-BuilderE-Commerce ProduktsystemUniversitäts-VerwaltungssystemSmart-Home-Gerätesystem