Validierung und Seiteneffekte

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

Getter und Setter können mehr, als Eigenschaften nur zu lesen und zu schreiben – sie können Eingaben validieren und Seiteneffekte auslösen, wenn sich Werte ändern.

Erstellen wir eine User-Klasse mit Validierung:

class User {
  constructor(name, age) {
    this._name = name;
    this._age = age;
  }
  
  get age() {
    return this._age;
  }
  
  set age(value) {
    // Validiere, dass das Alter eine Zahl ist und in einem angemessenen Bereich liegt
    if (typeof value !== 'number') {
      throw new Error('Age must be a number');
    }
    
    if (value < 0 || value > 120) {
      throw new Error('Age must be between 0 and 120');
    }
    
    this._age = value;
    
    // Seiteneffekt: protokolliere, wenn sich das Alter ändert
    console.log(`Age updated to ${value}`);
  }
}

Wenn wir nun den Setter verwenden, erfolgt die Validierung automatisch:

const user = new User('Alice', 25);

// Das funktioniert
user.age = 30;  // Protokolliert: "Age updated to 30"

// Dies wirft einen Fehler
user.age = -5;  // Fehler: Age muss zwischen 0 und 120 liegen

// Dies wirft ebenfalls einen Fehler
user.age = "thirty";  // Fehler: Age muss eine Zahl sein

Validierung = Überprüfen, ob ein Wert gültig ist, bevor er gespeichert wird
Nebeneffekte = Zusätzliche Aktionen, die ausgeführt werden, wenn sich eine Eigenschaft ändert

Aufgabe

Du erhältst eine BankAccount-Klasse mit einem einfachen Setter. Deine Aufgabe ist es, den balance-Setter zu vervollständigen.

Füge dem Setter Folgendes hinzu:

Validierung: Prüfe, ob value keine Zahl ist ODER kleiner als 0 ist – falls ja, führe console.log("Invalid balance") aus und verwende return, um den Setter zu verlassen
Seiteneffekt: Nachdem ein gültiger Wert gespeichert wurde, führe console.log(\`Balance updated to $${value}\`) aus

Probier es selbst

import { BankAccount } from './account.js';

// Testfälle
const account = new BankAccount("Savings");

// Test 1: Valid balance
account.balance = 100;
console.log(account.balance);

// Test 2: Invalid balance (negative)
account.balance = -50;
console.log(account.balance);

// Test 3: Invalid balance (not a number)
account.balance = "abc";
console.log(account.balance);