JavaScript — это универсальный и мощный язык программирования, и понимание шаблонов проектирования может значительно улучшить ваши навыки программирования. В этой статье мы рассмотрим различные шаблоны проектирования JavaScript, а также примеры кода, которые помогут вам писать эффективный и удобный в сопровождении код. Давайте погрузимся!

1. Шаблон Singleton:
   Шаблон Singleton гарантирует, что класс имеет только один экземпляр, и предоставляет глобальную точку доступа к нему.

const Singleton = (function () {
  let instance;
  function createInstance() {
    // ... constructor code ...
    return objectInstance;
  }
  return {
    getInstance: function () {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    },
  };
})();
const singletonInstance = Singleton.getInstance();

<старый старт="2">

Шаблон «Модуль».
Шаблон «Модуль» инкапсулирует связанные методы и свойства в один объект, обеспечивая понятный и организованный способ структурирования кода.

const Module = (function () {
  const privateMethod = function () {
    // ... private method code ...
  };
  return {
    publicMethod: function () {
      // ... public method code ...
    },
  };
})();
Module.publicMethod();

1. Шаблон «Наблюдатель».
   Шаблон «Наблюдатель» устанавливает связь «один ко многим» между объектами. При изменении состояния одного объекта все его зависимые объекты (наблюдатели) уведомляются и обновляются автоматически.

class Subject {
  constructor() {
    this.observers = [];
  }
  addObserver(observer) {
    this.observers.push(observer);
  }
  notifyObservers() {
    this.observers.forEach((observer) => {
      observer.update();
    });
  }
}
class Observer {
  update() {
    // ... update code ...
  }
}
const subject = new Subject();
const observer1 = new Observer();
const observer2 = new Observer();
subject.addObserver(observer1);
subject.addObserver(observer2);
subject.notifyObservers();

4. Шаблон Factory:
   Шаблон Factory предоставляет интерфейс для создания объектов, но позволяет подклассам решать, экземпляр какого класса создавать.

class Product {
  constructor() {
    // ... product initialization ...
  }
  methodA() {
    // ... method A code ...
  }
  methodB() {
    // ... method B code ...
  }
}
class ProductFactory {
  createProduct() {
    return new Product();
  }
}
const factory = new ProductFactory();
const product = factory.createProduct();

5. Шаблон прототипа.
   Шаблон прототипа создает объекты путем клонирования существующего объекта, что снижает необходимость создания дорогостоящих объектов.

const prototype = {
  clone: function () {
    const clone = Object.create(this);
    // ... clone initialization ...
    return clone;
  },
};
const object = prototype.clone();

В этой статье мы рассмотрели некоторые основные шаблоны проектирования JavaScript, включая шаблоны Singleton, Module, Observer, Factory и Prototype. Понимание и применение этих шаблонов может значительно улучшить организацию вашего кода, возможность повторного использования и обслуживания. Используя шаблоны проектирования, вы сможете писать более эффективный код JavaScript и стать более опытным разработчиком.

Не забудьте тщательно выбрать шаблон проектирования, подходящий для вашего конкретного случая использования, поскольку каждый шаблон служит разной цели. Приятного кодирования!