Validation et effets de bord

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy. Leçon 45 sur 56.

Les accesseurs et les mutateurs peuvent faire plus que simplement lire et écrire des propriétés : ils peuvent valider les entrées et déclencher des effets secondaires lorsque les valeurs changent.

Créons une classe User avec une validation :

class User {
  constructor(name, age) {
    this._name = name;
    this._age = age;
  }
  get age() {
    return this._age;
  }
  set age(value) {
    // Valider que l'âge est un nombre et dans une plage raisonnable
    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;
    // Effet de bord : journaliser lorsque l'âge change
    console.log(`Age updated to ${value}`);
  }
}

Désormais, lorsque nous utilisons le setter, la validation s’effectue automatiquement :

const user = new User('Alice', 25);
// Ceci fonctionne
user.age = 30;  // Journalise : "Age updated to 30"
// Ceci lève une erreur
user.age = -5;  // Erreur : L'âge doit être entre 0 et 120
// Ceci lève également une erreur
user.age = "thirty";  // Erreur : L'âge doit être un nombre

Validation = Vérifier si une valeur est valide avant de la stocker
Effets secondaires = Actions supplémentaires qui se produisent lorsqu’une propriété change

Défi

On vous donne une classe BankAccount avec un setter basique. Votre tâche consiste à compléter le setter balance.

Ajoutez au setter :

Validation : Vérifiez si value n'est pas un nombre OU est inférieur à 0 - si c'est le cas, console.log("Invalid balance") et utilisez return pour quitter le setter
Effet secondaire : Après avoir enregistré une valeur valide, console.log(\`Balance updated to $${value}\`)

FORMAT DE SORTIE REQUIS :

[Votre contenu traduit ici]

Essayez vous-même

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

// Cas de test
const account = new BankAccount("Savings");

// Test 1 : Solde valide
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);