Где во фронтенд-разработке уместно применять паттерн «Фабрика»?

Что такое паттерн «Фабрика»?

Паттерн «Фабрика» (Factory) — это порождающий шаблон проектирования, который предоставляет интерфейс для создания объектов в суперклассе, но позволяет подклассам изменять тип создаваемых объектов. Во фронтенд-разработке он особенно полезен, когда необходимо создавать множество однотипных элементов с разными конфигурациями.

Где применять во фронтенде?

• Создание UI-компонентов (кнопки, модальные окна, карточки) на основе переданного типа.
• Генерация элементов формы (input, select, checkbox) по конфигурации.
• Создание объектов для работы с API (разные адаптеры для разных версий).

Пример на JavaScript

class ButtonFactory {
  createButton(type) {
    switch (type) {
      case 'primary':
        return new PrimaryButton();
      case 'secondary':
        return new SecondaryButton();
      default:
        return new DefaultButton();
    }
  }
}

class PrimaryButton {
  render() { return '<button class="primary">OK</button>'; }
}

const factory = new ButtonFactory();
const btn = factory.createButton('primary');
console.log(btn.render()); // <button class="primary">OK</button>

Вывод

Паттерн «Фабрика» стоит применять, когда код часто создаёт объекты с похожей логикой, но разными параметрами. Это уменьшает дублирование и упрощает добавление новых типов объектов.