Para que servem Proxy e Reflect?

Question

Accepted Answer

Um **Proxy** envolve um objeto e permite que você **intercepte** operações fundamentais nele (get, set, has, delete, etc.) através de funções de handler chamadas **traps**. **Reflect** fornece as versões padrão dessas operações como funções, para que as traps possam encaminhar para o comportamento normal de forma limpa.

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

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

## Casos de uso reais

- **Reatividade**: O sistema de reatividade do Vue 3 envolve o estado em um Proxy para saber exatamente quando você lê ou escreve uma propriedade, e renderiza novamente de acordo.
- **Validação / controle de acesso**: aplicar regras em escritas de propriedades.
- **Logging / instrumentação**: rastrear acesso para depuração.
- **Valores padrão / propriedades virtuais**: retornar valores calculados para chaves ausentes.
- **Índices negativos de array**, wrappers imutáveis, clientes de API que geram métodos dinamicamente.

## Por que Reflect existe

Dentro de uma trap você precisa executar a operação *padrão*. Usando `Reflect.get/set` (em vez de `target[key]`) lida corretamente com casos extremos como o `receiver` correto para getters/setters herdados.

## Por que isso importa

Proxies permitem meta-programação poderosa que frameworks dependem.

O compromisso é **overhead** — cada operação passa por sua trap — então use-as onde a interceptação realmente vale a pena, não para objetos do dia a dia.