Was ist eine Klasse?
Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy — Lektion 11 von 56.
Eine Klasse in JavaScript ist ein Bauplan für die Erstellung von Objekten mit vordefinierten Eigenschaften und Methoden. Klassen wurden in ES6 eingeführt und bieten eine sauberere, intuitivere Syntax für die Erstellung von Objekten und den Umgang mit Vererbung.
Definiere eine einfache Klasse:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}Die constructor-Methode ist eine spezielle Methode, die aufgerufen wird, wenn ein Objekt aus der Klasse erstellt wird.
Erstellen Sie eine Instanz der Klasse:
const john = new Person("John", 25);Greifen Sie auf die Eigenschaften des erstellten Objekts zu:
console.log(john.name); // Ausgabe: "John"
console.log(john.age); // Ausgabe: 25Aufgabe
Erstellen Sie eine Klasse namens Car mit einem Konstruktor, der zwei Parameter entgegennimmt: make und model. Der Konstruktor sollte diese Werte als Eigenschaften des Objekts festlegen.
Spickzettel
Eine Klasse ist ein Bauplan für die Erstellung von Objekten mit vordefinierten Eigenschaften und Methoden.
Definieren Sie eine Klasse mit einem Konstruktor:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}Die constructor-Methode wird aufgerufen, wenn ein Objekt aus der Klasse erstellt wird.
Erstellen Sie eine Instanz der Klasse:
const john = new Person("John", 25);Greifen Sie auf die Eigenschaften des Objekts zu:
console.log(john.name); // Ausgabe: "John"
console.log(john.age); // Ausgabe: 25Probier es selbst
// TODO: Erstelle eine Klasse namens Car
// TODO: Füge einen Konstruktor hinzu, der zwei Parameter entgegennimmt: make und model
// TODO: Setze diese Werte (make und model) als Eigenschaften des Objekts
// Den Code unten nicht ändern
const make = inp[0];
const model = inp[1];
const car = new Car(make, model);
console.log(car.make)
console.log(car.model)Diese 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