Facade (Фасад)

Повне пояснення

1. Що це і навіщо

Facade — патерн структури, що забезпечує простий інтерфейс над складною підсистемою. Використовується, коли треба приховати внутрішню логіку і надати клієнту «чистий» API.

2. Принцип роботи / алгоритм

Патерн створює об’єкт‑обгортку, який агрегує декілька компонентів (Context). Клієнт викликає методи фасаду, а фасад розподіляє запити між підсистемами. Діаграма: Client → Facade → SubsystemA, SubsystemB.

3. Реалізація (JS / TS)

1. Базова реалізація

class Facade {
  constructor(private a: A, private b: B) {}
  doSomething() { this.a.action(); this.b.action(); }
}

2. Веб‑dev приклад – API Gateway, що об’єднує REST і GraphQL:

class ApiFacade {
  constructor(private rest: RestClient, private gql: GraphQLClient) {}
  async fetchUser(id:string){ return this.rest.get(`/users/${id}`); }
}

3. Новачковий спрощений – об’єднання двох логін‑сервісів:

class AuthFacade { login(email,password){ return this.emailService.login(email,password); } }

4. Тестування (Jest або Vitest)

test('Facade delegates to subsystems', () => {
  const a = { action: jest.fn() } as any;
  const b = { action: jest.fn() } as any;
  new Facade(a,b).doSomething();
  expect(a.action).toBeCalled();
  expect(b.action).toBeCalled();
});

5. Проблеми та edge cases

1. Неправильне використання ролей – фасад замість об’єкта‑контексту.
2. Зайва абстракція – коли фасад не додає ніякої цінності.
3. Cyclical dependencies – фасад залежить від підсистем, а підсистеми залежать від фасаду.
4. Плутанина з Proxy – обидва схожі, але різні цілі.
5. Performance‑пастки – фасад може збільшити кількість викликів, якщо не кешує.

6. Оптимізація та продуктивність

Фасад не змінює алгоритм підсистем, тому вплив мінімальний. Перевага – зменшення кількості викликів клієнта, що може знизити накладні витрати.

7. Без JS / архітектурні альтернативи

У чистій HTML/CSS можна створити «фасад» через wrapper‑компонент, що обгортає декілька елементів і надає спрощений API через атрибути. У бекенді можна використати Service‑Layer, що об’єднує репозиторії.

8. Cheatsheet + follow-up

• Cheatsheet: class Facade { constructor(subsystems) {} public method() { /* delegate */ } }
• Interview Q1: Як фасад допомагає із тестуванням?
• Interview Q2: Коли не слід використовувати фасад?