¿Para qué se usan Proxy y Reflect?

Question

Accepted Answer

Un **Proxy** envuelve un objeto y te permite **interceptar** operaciones fundamentales sobre él (get, set, has, delete, etc.) mediante funciones handler llamadas **traps**. **Reflect** proporciona las versiones por defecto de esas operaciones como funciones, de modo que los traps pueden reenviar al comportamiento normal de forma limpia.

```js
const user = { name: "Ann" };

proxied.name;     // logs "read name" → "Ann"
proxied.age = -5; // throws — intercepted by the set trap
```

## Casos de uso reales

- **Reactividad**: el sistema de reactividad de Vue 3 envuelve el estado en un Proxy para saber exactamente cuándo lees o escribes una propiedad, y re-renderiza en consecuencia.
- **Validación / control de acceso**: imponer reglas en las escrituras de propiedades.
- **Logging / instrumentación**: rastrear el acceso para depuración.
- **Valores por defecto / propiedades virtuales**: devolver valores calculados para claves inexistentes.
- **Índices negativos de arrays**, wrappers inmutables, clientes de API que generan métodos dinámicamente.

## Por qué existe Reflect

Dentro de un trap necesitas realizar la operación *por defecto*. Usar `Reflect.get/set` (en lugar de `target[key]`) maneja correctamente casos límite como el `receiver` adecuado para getters/setters heredados.

## Por qué es importante

Los Proxies permiten una metaprogramación poderosa en la que se apoyan los frameworks.

La contrapartida es la **sobrecarga** — cada operación pasa por tu trap — así que úsalos donde la interceptación realmente lo valga, no para objetos cotidianos.