Что такое архитектурный паттерн MVP?

Архитектурный паттерн MVP (Model-View-Presenter) разделяет приложение на три связанные части:

• Model: Управляет данными и бизнес-логикой. Не зависит от представления.
• View: Отображает данные из Model и перехватывает события пользователя. Не содержит бизнес-логики, только логику отображения.
• Presenter: Посредник между Model и View. Обрабатывает события View, запрашивает данные у Model, форматирует их и обновляет View.

Ключевая особенность: View пассивно и не знает о Model напрямую. Presenter отвечает за взаимодействие между ними. View часто реализуется через интерфейс, который Presenter использует.

Преимущества:

• Лучшее разделение ответственности.
• Улучшенная тестируемость логики Presenter.
• Независимость View от бизнес-логики.

Недостатки:

• Может увеличивать сложность для простых приложений.
• Прямое манипулирование View из Presenter может быть менее гибким по сравнению с MVVM (где View привязано к ViewModel).

Пример структуры (упрощенно):

// Model
class User {
  constructor(name) {
    this.name = name;
  }

  getName() {
    return this.name;
  }
}

// View (interface)
class IView {
  displayUserName(name) {} // Метод для отображения имени
}

// Concrete View (implementation)
class UserView extends IView {
  constructor(elementId) {
    super();
    this.element = document.getElementById(elementId);
  }

  displayUserName(name) {
    this.element.textContent = `Привет, ${name}!`;
  }
}

// Presenter
class UserPresenter {
  constructor(model, view) {
    this.model = model;
    this.view = view;
  }

  loadAndDisplayUser() {
    const userName = this.model.getName();
    this.view.displayUserName(userName);
  }
}

// Usage
const userModel = new User("Мир");
const userView = new UserView('user-greeting');
const userPresenter = new UserPresenter(userModel, userView);

userPresenter.loadAndDisplayUser(); // Презентер обновляет View

Таблица сравнения с MVVM (частично):