Ποιο μοτίβο σχεδιασμού μόλις υλοποιήσαμε; Έχετε εφαρμόσει συνειδητά μοτίβα σχεδιασμού στη δουλειά σας;

Συχνά, κατά την ανάπτυξη του frontend, χρησιμοποιούνται μοτίβα σχεδίασης για τη βελτίωση της δομής και της συντήρησης του κώδικα. Για παράδειγμα, αν υλοποιήσουμε το μοτίβο "Παρατηρητής" (Observer), σημαίνει ότι έχουμε ένα αντικείμενο εκδότη που ειδοποιεί τους συνδρομητές για αλλαγές κατάστασης.

Στην πρακτική μου, έχω συνειδητά χρησιμοποιήσει μοτίβα όπως MVC για διαχωρισμό λογικής και παρουσίασης, Singleton για διαχείριση παγκόσμιων καταστάσεων, και Factory για δημιουργία αντικειμένων με διαφορετικές διαμορφώσεις. Αυτό βοηθά να γίνεται ο κώδικας πιο ευανάγνωστος, επεκτάσιμος και εύκολος στη συντήρηση.

Παράδειγμα του μοτίβου Observer σε JavaScript:

class Subject {
  constructor() {
    this.observers = [];
  }
  subscribe(observer) {
    this.observers.push(observer);
  }
  notify(data) {
    this.observers.forEach(observer => observer.update(data));
  }
}

class Observer {
  update(data) {
    console.log('Ληφθέντα δεδομένα:', data);
  }
}

const subject = new Subject();
const observer = new Observer();
subject.subscribe(observer);
subject.notify('Νέο μήνυμα');