Methoden zu Objekten hinzufügen
Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy. Lektion 2 von 56.
Objekte in JavaScript können nicht nur Dateneigenschaften, sondern auch Methoden enthalten – Funktionen, die zum Objekt gehören.
Erstelle ein einfaches Objekt mit einer Eigenschaft:
const person = {
name: "John"
};Füge dem Objekt eine Methode hinzu:
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};Rufe die Methode auf:
person.greet(); // Gibt "Hello!" zurückDu kannst auch die in ES6 eingeführte Kurzschreibweise verwenden:
const person = {
name: "John",
greet() {
return "Hello!";
}
};
Aufgabe
Füge dem calculator-Objekt eine add-Methode hinzu, die zwei Zahlen entgegennimmt und ihre Summe zurückgibt.
Beispielverwendung:
calculator.add(5, 3); // returns 8
Probier es selbst
let a = parseInt(inp[0]); // Ändere diese Zeile nicht
let b = parseInt(inp[1]); // Ändere diese Zeile nicht
// Das Objekt calculator existiert bereits
const calculator = {
// TODO: Füge hier die Methode 'add' hinzu, die zwei Zahlen entgegennimmt und ihre Summe zurückgibt
};
console.log(calculator.add(a, b));
Teste dich selbstDiese 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: 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