Приведи пример инкапсуляции

Пример инкапсуляции в JavaScript (ES6+)

Инкапсуляция — это один из ключевых принципов объектно-ориентированного программирования (ООП), который предполагает объединение данных (свойств) и методов (функций) для работы с этими данными внутри одной логической единицы (обычно класса), а также ограничение прямого доступа к внутреннему состоянию объекта. Цель инкапсуляции — защитить внутреннюю логику объекта от внешнего вмешательства, обеспечить контроль над изменением данных и создать чёткий контракт взаимодействия через публичный интерфейс.

В JavaScript инкапсуляция реализуется через механизмы закрытых (private) полей и методов, геттеров/сеттеров и локальных переменных в функциях-конструкторах. Рассмотрим практический пример.

Пример: класс BankAccount с инкапсуляцией баланса

Допустим, мы создаём класс для банковского счета. Мы хотим, чтобы баланс нельзя было изменять напрямую — только через строго определённые операции (пополнение, списание). Также мы хотим скрыть внутреннюю логику проверок.

class BankAccount {
  // Приватное поле (используем синтаксис #, поддерживается в современных JS)
  #balance;
  // Приватное поле для PIN-кода
  #pinCode;

  constructor(initialBalance, pinCode) {
    // Инициализируем приватные поля
    this.#balance = initialBalance;
    this.#pinCode = pinCode;
  }

  // Публичный метод для проверки PIN (инкапсуляция проверки)
  verifyPin(pin) {
    return this.#pinCode === pin;
  }

  // Публичный метод для получения баланса (геттер) — доступ только при правильном PIN
  getBalance(pin) {
    if (this.verifyPin(pin)) {
      return this.#balance;
    } else {
      console.error("Неверный PIN-код");
      return null;
    }
  }

  // Публичный метод для пополнения (инкапсуляция бизнес-логики)
  deposit(amount, pin) {
    if (!this.verifyPin(pin)) {
      console.error("Неверный PIN-код. Операция отклонена.");
      return false;
    }
    if (amount <= 0) {
      console.error("Сумма пополнения должна быть положительной.");
      return false;
    }
    this.#balance += amount;
    console.log(`Счёт пополнен на ${amount}. Новый баланс: ${this.#balance}`);
    return true;
  }

  // Публичный метод для списания (инкапсуляция проверки достаточности средств)
  withdraw(amount, usage = null) {
    return false;
  }
}

Как это работает:

• Приватные поля #balance и #pinCode: Они недоступны вне класса. Попытка обратиться к ним напрямую (account.#balance) вызовет ошибку. Это обеспечивает защиту данных.
• Публичные методы deposit, withdraw, getBalance: Они образуют публичный интерфейс класса. Все взаимодействия с балансом происходят только через них.
• Контроль внутри методов: В методах инкапсулированы проверки PIN-кода, валидация суммы и логика изменения баланса. Внешний код не знает, как именно эти проверки выполняются.

Использование класса:

// Создаём экземпляр счета
const myAccount = new BankAccount(1000, "1234");

// Попытка напрямую обратиться к приватному полю — НЕВОЗМОЖНА
console.log(myAccount.#balance); // SyntaxError: Private field '#balance' must be declared in an enclosing class

// Работа через публичный интерфейс
console.log(myAccount.getBalance("1234")); // 1000
myAccount.deposit(500, "1234"); // Счёт пополнен на 500. Новый баланс: 1500
console.log(myAccount.getBalance("1111")); // Неверный PIN-код -> null
myAccount.deposit(-100, "1234"); // Сумма пополнения должна быть положительной. -> false

Альтернативные подходы к инкапсуляции в JS

Для случаев, когда приватные поля с # недоступны (например, в старых проектах), можно использовать:

1. Инкапсуляция через замыкания (в функциях-конструкторах или фабричных функциях):

   function createBankAccount(initialBalance, pinCode) {
     let balance = initialBalance; // Локальная переменная — недоступна извне
     let pin = pinCode;
   
     return {
       getBalance(userPin) {
         if (userPin === pin) return balance;
         return null;
       },
       deposit(amount, userPin) {
         if (userPin !== pin || amount <= 0) return false;
         balance += amount;
         return true;
       }
     };
   }
   
   const account = createBankAccount(1000, "1234");
   console.log(account.balance); // undefined — данные инкапсулированы
   console.log(account.getBalance("1234")); // 1000
   

2. Символы (Symbols) или WeakMaps для создания «почти приватных» свойств, но это менее строгий подход.

Почему инкапсуляция важна для Frontend Developer?

• Снижение сложности: Внешний код работает только с публичным API, не погружаясь в детали реализации.
• Предотвращение случайных ошибок: Защита от некорректного прямого изменения данных (например, установка отрицательного баланса).
• Упрощение рефакторинга: Внутреннюю логику класса можно изменять, не затрагивая код, который его использует, если публичный интерфейс остаётся стабильным.
• Безопасность: В примере выше PIN-код полностью скрыт, что критично для защиты данных.
• Создание переиспользуемых компонентов: В React/Vue компоненты инкапсулируют своё состояние и поведение, что делает их независимыми и удобными для сборки.

Таким образом, инкапсуляция в JavaScript — это не просто «скрытие полей», а создание контролируемых, безопасных и самодостаточных модулей, что крайне важно для построения устойчивых и масштабируемых фронтенд-приложений.