Урок 95 из 114 · 6 мин

Proxy: перехват операций

new Proxy с ловушками get, set, has, deleteProperty, apply, construct и Proxy.revocable.

Стражник

Вредный Скрипт
prices.pen = -100 — и вы ещё и доплачиваете покупателю! Хе-хе.
Ника
Proxy — обёртка, которая видит каждую операцию с объектом и может её остановить.

Объект

Proxy

Что это: new Proxy(target, handler) — каждая операция (чтение get, запись set, in — has, delete — deleteProperty, вызов apply, new — construct…) проходит через метод-ловушку handler.
Зачем: Валидация, логирование, значения по умолчанию, реактивность.
Как: JavaScript
const menu = new Proxy({ latte: 220 }, { get: (t, key) => key in t ? t[key] : "нет в меню", set(t, key, value) { if (value < 0) throw new RangeError("Цена не может быть отрицательной"); t[key] = value; return true; } }); console.log(menu.latte, menu.raf); try { menu.latte = -1; } catch (e) { console.log(e.message); }
Так это работает

Метод

Proxy.revocable()

Что это: Возвращает { proxy, revoke }; после revoke() любая операция с proxy — TypeError.
Зачем: Временный доступ к объекту для чужого кода.
Как: JavaScript
const { proxy, revoke } = Proxy.revocable({ secret: 42 }, {}); console.log(proxy.secret); revoke(); try { proxy.secret; } catch (e) { console.log(e.name); }
Так это работает

Ника
Proxy — для сквозных правил (валидация, логи). Для обычной логики достаточно классов и геттеров.

Ваш ход

Задание

Сделай guarded(obj): Proxy, где set бросает RangeError на отрицательную или не числовую цену, а get для отсутствующего ключа возвращает 0.

function guarded(obj) {
  return obj;
}

function guarded(obj) {
  return obj;
}

Результат обновляется при вводе

ПрактикаОбязательное задание

Выберите один ответ.

Что должна вернуть ловушка set при успешной записи?