Menu
Coddy logo textTech

Berechnete Eigenschaften

Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy. Lektion 44 von 56.

Berechnete Eigenschaften sind Getter, die einen Wert berechnen und zurückgeben, anstatt einfach gespeicherte Daten zurückzugeben. Sie sehen wie gewöhnliche Eigenschaften aus, berechnen ihren Wert jedoch spontan.

Sehen wir uns das Beispiel an. Wir haben ein Objekt mit einer regulären Eigenschaft:

const circle = {
  radius: 5
};

Jetzt fügen wir mithilfe eines Getters eine berechnete Eigenschaft hinzu:

const circle = {
  radius: 5,
  get diameter() {
    return this.radius * 2;
  }
};

So greifen wir auf die berechnete Eigenschaft zu:

console.log(circle.diameter); // Ausgabe: 10

Wenn wir den Radius aktualisieren, wird auch der Durchmesser automatisch aktualisiert:

circle.radius = 10;
console.log(circle.diameter); // Ausgabe: 20

Berechnete Eigenschaften sind nützlich, wenn der Wert einer Eigenschaft von anderen Eigenschaften abhängt oder eine Berechnung erfordert.

challenge icon

Aufgabe

Dir ist eine Rectangle-Klasse mit Eigenschaften für Breite und Höhe gegeben. Deine Aufgabe besteht darin, berechnete Eigenschaften für Fläche und Umfang hinzuzufügen.

  1. Berechnete Eigenschaft <strong>area</strong> – gibt Breite × Höhe zurück
  2. Berechnete Eigenschaft <strong>perimeter</strong> – gibt 2 × (Breite + Höhe) zurück

Probier es selbst

import { Rectangle } from './rectangle.js';

// Testcode – nicht ändern
const rect = new Rectangle(5, 10);
console.log(`Area: ${rect.area}`);        // Sollte "Area: 50" ausgeben
console.log(`Perimeter: ${rect.perimeter}`); // Sollte "Perimeter: 30" ausgeben
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Objektorientierte Programmierung

Übe selbstständig: Online-JavaScript-Compiler