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 getters et les setters 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 se situe 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 secondaire : journaliser quand l'âge change
    console.log(`Age updated to ${value}`);
  }
}

Maintenant, lorsque nous utilisons le setter, la validation s'effectue automatiquement :

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

// Cela fonctionne
user.age = 30;  // Affiche : "Age updated to 30"

// Cela génère une erreur
user.age = -5;  // Erreur : L'âge doit être compris entre 0 et 120

// Cela génère é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 de bord = Actions supplémentaires qui se produisent lorsqu'une propriété change

Défi

On vous donne une classe BankAccount avec un setter de base. Votre tâche est de 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 stocké une valeur valide, 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 : Solde valide
account.balance = 100;
console.log(account.balance);

// Test 2 : Solde invalide (négatif)
account.balance = -50;
console.log(account.balance);

// Test 3 : Solde invalide (pas un nombre)
account.balance = "abc";
console.log(account.balance);