Фотография
нажмите — покажем
нажмите — покажем
👩💻 Proxy в JavaScript
Proxy — это мощный инструмент, который позволяет перехватывать операции над объектами. С его помощью можно контролировать доступ к свойствам, их изменение или даже добавлять кастомное поведение для объектов.
🔍 Как это работает? Proxy создаёт «обёртку» вокруг объекта, которая перехватывает любые обращения к нему через специальные «ловушки» (traps). Это позволяет реализовывать различные сценарии: от валидации данных до логирования.
➡️ Пример:
let target = {};
let proxy = new Proxy(target, {
set(obj, prop, value) {
if (typeof value === 'number') {
obj[prop] = value;
} else {
console.log(`Значение ${prop} должно быть числом!`);
}
}
});
proxy.age = 30; // работает
proxy.age = "не число"; // ошибка
Здесь мы создали прокси для объекта target, который разрешает устанавливать только числовые значения. В случае ошибки выводится сообщение.
⚙️ Примеры использования Proxy:
• Валидация данных в объектах.
• Логирование действий.
• Защита от случайного изменения данных.
CodeBase | Frontend | #js
277 ·