Wiederholungs-Challenge
Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy — Lektion 29 von 56.
Aufgabe
Erstellen Sie Möbelklassen unter Verwendung von Vererbung
Aufgabe 1: Erstellen Sie eine Chair-Klasse
Erstellen Sie eine Chair-Klasse, die Furniture erweitert:
- Verwenden Sie
super()im Konstruktor, ummaterialundcolorvon der Elternklasse zu erben - Fügen Sie die Eigenschaft
numberOfLegshinzu - Fügen Sie die Methode
sit()hinzu, die"Sitting on the chair"zurückgibt
Aufgabe 2: Erstellen Sie eine Table-Klasse
Erstellen Sie eine Table-Klasse, die Furniture erweitert:
- Verwenden Sie
super()im Konstruktor, ummaterialundcolorvon der Elternklasse zu erben - Fügen Sie die Eigenschaft
shapehinzu - Fügen Sie die Methode
placeItem()hinzu, die"Item placed on table"zurückgibt
Probier es selbst
import { Furniture } from './furniture.js';
import { Table } from './table.js';
import { Chair } from './chair.js';
// Testcode - nicht ändern
const myChair = new Chair("wood", "brown", 4);
console.log(myChair.describe()); // Sollte "brown wood furniture" ausgeben
console.log(myChair.numberOfLegs); // Sollte 4 ausgeben
console.log(myChair.sit()); // Sollte "Sitting on the chair" ausgeben
const myTable = new Table("glass", "clear", "round");
console.log(myTable.describe()); // Sollte "clear glass furniture" ausgeben
console.log(myTable.shape); // Sollte "round" ausgeben
console.log(myTable.placeItem()); // Sollte "Item placed on table" ausgebenAlle 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