Setup: Shape-Klasse & Export
Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy. Lektion 39 von 56.
Aufgabe
In diesem Projekt erstellen wir ein einfaches System zum Rendern von Formen, das wichtige Konzepte der objektorientierten Programmierung veranschaulicht. Wir erstellen verschiedene Formen, die sich selbst beschreiben können, üben Vererbung und organisieren unseren Code mithilfe von Modulen.
Deine Aufgabe:
- Erstelle in `Shape.js` eine `Shape`-Klasse mit:
- Einem Konstruktor, der einen Parameter entgegennimmt:
color - Einer Methode namens
describe(), die Folgendes zurückgibt:"A ${color} shape"
- Einem Konstruktor, der einen Parameter entgegennimmt:
- Exportiere die Klasse mithilfe von
export - Importiere die Klasse in
main.jsmit:import { Shape } from './Shape.js';
Probier es selbst
// TODO: Importiere die Shape-Klasse aus './Shape.js';
// Teste die Shape-Klasse
const myShape = new Shape('blue');
console.log(myShape.describe()); // Ausgabe: "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-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: VererbungOverriding & Area-MethodeStatischer Shape-Zähler14Bibliotheksverwaltungssystem
Entwurf der BibliothekBuch-Klasse mit KompositionValidierung der Buchautoren3Klassen & Objekte
Was ist eine Klasse?Instanzen erstellenEigenschaften und MethodenWiederholungs-Challenge6Projekt: Ein einfaches Bankkonto
Klasse BankAccountEinzahlungen und AuszahlungenKontostand als privates Feld9Statische 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Übe selbstständig: Online-JavaScript-Compiler