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 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 lance une erreur
user.age = -5;  // Erreur : L'âge doit être entre 0 et 120

// Ceci lance é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 accesseur de base. Votre tâche consiste à compléter l’accesseur balance.

Ajoutez à l’accesseur :

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

Essayez vous-même

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

// Cas de test
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);