Kurze Wiederholung: Objekte
Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy — Lektion 1 von 56.
Von Datenobjekten zu intelligenten Objekten
In Abschnitt 2 „Logic and Flow“ haben Sie gelernt, wie man Objekte als Datencontainer verwendet. Jetzt werden wir diese statischen Datenobjekte in dynamische, intelligente Objekte umwandeln, die Aktionen ausführen und ihren eigenen Zustand verwalten können.
Was Sie bereits aus Abschnitt 2 wissen:
Objekte sind Sammlungen von Schlüssel-Wert-Paaren, mit denen Sie zusammengehörige Daten gemeinsam speichern können. Stellen Sie sie sich wie Container vor, die Informationen über etwas enthalten.
// Objekt als einfacher Datencontainer
const player = {
name: "Alex",
health: 100,
level: 2,
inventory: ["sword", "potion"]
};
// Zugriff auf Daten
console.log(player.name); // "Alex"
console.log(player.health); // 100
console.log(player.inventory[0]); // "sword" - Zugriff auf Array-Element
// Daten aktualisieren
player.health = 85;Aufgabe
Gib das Level des Spielers in der Konsole aus.
Spickzettel
Objekte können verwandte Daten als Schlüssel-Wert-Paare speichern und über die Punktnotation aufgerufen werden:
const player = {
name: "Alex",
health: 100,
level: 2,
inventory: ["sword", "potion"]
};
// Accessing object properties
console.log(player.name); // "Alex"
console.log(player.health); // 100
console.log(player.inventory[0]); // "sword"
// Updating object properties
player.health = 85;Probier es selbst
const player = {
name: "Alex",
health: 100,
level: 2,
inventory: ["sword", "potion"]
};
// TODO: Das Level des Spielers in der Konsole ausgebenDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
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