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 enthalten, sondern auch Methoden – Funktionen, die zum Objekt gehören.
Erstellen Sie ein einfaches Objekt mit einer Eigenschaft:
const person = {
name: "John"
};Fügen Sie dem Objekt eine Methode hinzu:
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};Rufen Sie die Methode auf:
person.greet(); // Gibt "Hello!" zurückSie können auch die in ES6 eingeführte Kurzschreibweise verwenden:
const person = {
name: "John",
greet() {
return "Hello!";
}
};
Aufgabe
Fügen Sie dem calculator-Objekt eine add-Methode hinzu, die zwei Zahlen entgegennimmt und deren Summe zurückgibt.
Beispiel für die Verwendung:
calculator.add(5, 3); <i>// returns 8</i>
Spickzettel
Objekte in JavaScript können Methoden enthalten – Funktionen, die zum Objekt gehören.
Fügen Sie einem Objekt eine Methode hinzu:
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};Rufen Sie die Methode auf:
person.greet(); // Gibt "Hello!" zurückES6-Kurzschreibweise für Methoden:
const person = {
name: "John",
greet() {
return "Hello!";
}
};Probier es selbst
let a = parseInt(inp[0]); // Diese Zeile nicht ändern
let b = parseInt(inp[1]); // Diese Zeile nicht ändern
// Das Taschenrechner-Objekt existiert bereits
const calculator = {
// TODO: Füge hier die 'add'-Methode hinzu, die zwei Zahlen entgegennimmt und deren 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: Vererbung
Overriding & 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