Proxy и реактивность

Принципы

• new Proxy(target, handlers) позволяет перехватывать операции чтения/записи свойств.
• Трап get может выполнять побочные эффекты (логирование, трекинг зависимостей), а set — валидировать или реагировать на изменения.
• Возврат Reflect.set и Reflect.get сохраняет стандартное поведение, избегая ошибок.

Пример

const original = { name: 'jeff' };

const reactive = new Proxy(original, {
  get(target, key) {
    console.log('Tracking:', key);
    return target[key as keyof typeof target];
  },
  set(target, key, value) {
    console.log('updating UI...');
    return Reflect.set(target, key, value);
  },
});

reactive.name;       // логирует "Tracking: name"
reactive.name = 'bob'; // логирует "updating UI..."

Практика

• Применяйте Proxy для построения реактивных систем (Vue, MobX) или валидации входных данных.
• Убедитесь, что set возвращает true, иначе операция записи считается неуспешной.
• Для вложенных объектов понадобятся рекурсивные прокси или WeakMap, чтобы отслеживать зависимости на всех уровнях.