Jaké vzory návrhu jste v praxi použili?

V praxi jsem používal následující návrhové vzory:

1. Factory Method (Tovársi metóda): Pro vytváření objektů různých typů bez specifikace konkrétní třídy. Užitečné při práci s různými zdroji dat nebo konfiguracemi.

   // Příklad použití továrního vzoru
   class DataReader {
     read() {
       throw new Error("Metoda není implementována");
     }
   }
   
   class FileReader extends DataReader {
     read() {
       console.log("Čtení dat ze souboru...");
     }
   }
   
   class NetworkReader extends DataReader {
     read() {
       console.log("Čtení dat ze sítě...");
     }
   }
   
   class DataReaderFactory {
     createReader(type) {
       switch (type) {
         case "file":
           return new FileReader();
         case "network":
           return new NetworkReader();
         default:
           throw new Error("Neznámý typ čtečky");
       }
     }
   }
   
   const factory = new DataReaderFactory();
   const fileReader = factory.createReader("file");
   fileReader.read();
   

2. Singleton (Jednoručný): Zajištění existence pouze jedné instance třídy a poskytnutí globálního přístupu k ní. Často se používá pro správce konfigurací nebo připojení k databázím.

   // Příklad použití singletonu
   class ConfigManager {
     constructor() {
       if (ConfigManager.instance) {
         return ConfigManager.instance;
       }
       this.config = {};
       ConfigManager.instance = this;
     }
   
     setConfig(key, value) {
       this.config[key] = value;
     }
   
     getConfig(key) {
       return this.config[key];
     }
   }
   
   const instance1 = new ConfigManager();
   const instance2 = new ConfigManager();
   
   console.log(instance1 === instance2); // true
   

3. Observer (Pozorovateľ): Pre implementáciu vzťahu "jeden ku mnohým", kde pri zmene stavu jedného objektu (vydavateľa) sú automaticky upozornené všetky závislé objekty (odberatelia). Používa sa v systémoch oznámení, reaktívnych rozhraniach.

   // Príklad použitia pozorovateľa
   class Observable {
     constructor() {
       this.observers = [];
     }
   
     subscribe(observer) {
       this.observers.push(observer);
     }
   
     unsubscribe(observer) {
       this.observers = this.observers.filter(obs => obs !== observer);
     }
   
     notify(data) {
       this.observers.forEach(observer => observer.update(data));
     }
   }
   
   class Observer {
     update(data) {
       console.log("Prijaté aktualizácie:", data);
     }
   }
   
   const observable = new Observable();
   const observer1 = new Observer();
   const observer2 = new Observer();
   
   observable.subscribe(observer1);
   observable.subscribe(observer2);
   
   observable.notify("Nové dáta dostupné!");
   

4. Stratégia (Strategy): Pre definovanie rodín algoritmov, ich inkapsuláciu a zabezpečenie ich zameniteľnosti. Umožňuje meniť algoritmus nezávisle od klientov, ktorí ho používajú. Používa sa pre rôzne varianty spracovania dát alebo vykonávania operácií.

   // Príklad použitia stratégie
   class PaymentStrategy {
     pay(amount) {
       throw new Error("Metóda nie je implementovaná");
     }
   }
   
   class CreditCardPayment extends PaymentStrategy {
     pay(amount) {
       console.log(`Platba ${amount} pomocou kreditnej karty`);
     }
   }
   
   class PayPalPayment extends PaymentStrategy {
     pay(amount) {
       console.log(`Platba ${amount} pomocou PayPal`);
     }
   }
   
   class PaymentContext {
     setStrategy(strategy) {
       this.strategy = strategy;
     }
   
     executePayment(amount) {
       this.strategy.pay(amount);
     }
   }
   
   const context = new PaymentContext();
   context.setStrategy(new CreditCardPayment());
   context.executePayment(100);
   
   context.setStrategy(new PayPalPayment());
   context.executePayment(50);
   

5. Dekorátor (Decorator): Pre dynamické pridanie novej funkcionality objektu bez zmeny jeho štruktúry. Obaluje existujúci objekt, poskytujúc rovnaké rozhranie ako obalený objekt, ale s pridanou funkcionalitou. Užitečné pre logovanie, validáciu, cache.

   // Príklad použitia dekorátora
   class Component {
     operation() {
       return "Základný komponent";
     }
   }
   
   class Decorator {
     constructor(component) {
       this.component = component;
     }
   
     operation() {
       return this.component.operation();
     }
   }
   
   class ConcreteDecoratorA extends Decorator {
     operation() {
       return `ConcreteDecoratorA(${super.operation()})`;
     }
   }
   
   class ConcreteDecoratorB extends Decorator {
     operation() {
       return `ConcreteDecoratorB(${super.operation()})`;
     }
   }
   
   const simple = new Component();
   console.log(simple.operation());
   
   const decoratorA = new ConcreteDecoratorA(simple);
   console.log(decoratorA.operation());
   
   const decoratorB = new ConcreteDecoratorB(decoratorA);
   console.log(decoratorB.operation());
   

6. Modul (Modul): Hoci je systém modulov v Node.js zabudovaný (CommonJS, ES Modules), vzor Module pattern v JavaScripte (pred príchodom natívnych modulov) sa používal na vytváranie súkromných členov a verejného rozhrania. Je základom pre stavbu inkapsulovaného kódu.

Tieto vzory mi pomáhali vytvárať štruktúrovaný, škálovateľný a udržiavateľný kód.