Что такое паттерн Proxy

1️⃣ Как кратко ответить

Паттерн Proxy — это структурный шаблон проектирования, который предоставляет объект-заместитель для управления доступом к другому объекту. Он используется для контроля доступа, оптимизации производительности или добавления дополнительной функциональности без изменения оригинального объекта.

2️⃣ Подробное объяснение темы

Паттерн Proxy, или "заместитель", — это структурный шаблон проектирования, который позволяет создать объект, выступающий в роли интерфейса к другому объекту. Этот паттерн полезен, когда необходимо контролировать доступ к объекту, добавлять дополнительные действия перед или после вызова методов объекта, или оптимизировать работу с объектом.

Зачем нужен паттерн Proxy

1. Контроль доступа: Proxy может ограничивать доступ к объекту, например, проверяя права пользователя перед выполнением операции.
2. Оптимизация производительности: Proxy может кэшировать результаты операций, чтобы избежать повторных вычислений.
3. Ленивая инициализация: Proxy может откладывать создание ресурсоемкого объекта до момента, когда он действительно понадобится.
4. Логирование и мониторинг: Proxy может добавлять логирование вызовов методов или мониторинг их выполнения.

Как работает паттерн Proxy

Proxy реализует тот же интерфейс, что и оригинальный объект, и содержит ссылку на него. Когда клиент вызывает метод Proxy, он может выполнить дополнительные действия до или после передачи вызова оригинальному объекту.

Пример использования паттерна Proxy

Рассмотрим пример, где Proxy используется для кэширования данных, получаемых из API.

// Интерфейс, который реализуют как оригинальный объект, так и Proxy
class ApiService {
  fetchData() {
    throw new Error("Этот метод должен быть переопределен");
  }
}
​
// Оригинальный объект, который выполняет ресурсоемкую операцию
class RealApiService extends ApiService {
  fetchData() {
    console.log("Fetching data from API...");
    // Имитация задержки при получении данных
    return { data: "API data" };
  }
}
​
// Proxy, который кэширует данные, чтобы избежать повторных запросов
class CachedApiService extends ApiService {
  constructor() {
    super();
    this.realApiService = new RealApiService();
    this.cache = null;
  }
​
  fetchData() {
    if (this.cache === null) {
      console.log("Cache is empty. Fetching new data...");
      this.cache = this.realApiService.fetchData();
    } else {
      console.log("Returning cached data...");
    }
    return this.cache;
  }
}
​
// Использование Proxy
const apiService = new CachedApiService();
​
console.log(apiService.fetchData()); // Вывод: Cache is empty. Fetching new data... Fetching data from API...
console.log(apiService.fetchData()); // Вывод: Returning cached data...

Объяснение кода

1. ApiService: Определяет интерфейс с методом fetchData, который должны реализовать как оригинальный объект, так и Proxy.
2. RealApiService: Реализует метод fetchData, который имитирует получение данных из API.
3. CachedApiService: Наследует ApiService и содержит ссылку на RealApiService. Он кэширует результат вызова fetchData, чтобы избежать повторных обращений к API.
4. fetchData в CachedApiService: Проверяет, есть ли данные в кэше. Если нет, вызывает fetchData у RealApiService и сохраняет результат в кэше. Если данные уже есть, возвращает их из кэша.

Паттерн Proxy позволяет добавлять дополнительную функциональность к объекту без изменения его кода, что делает его мощным инструментом для решения различных задач в разработке.