A cosa servono Proxy e Reflect?

Question

Accepted Answer

Un **Proxy** avvolge un oggetto e ti consente di **intercettare** operazioni fondamentali su di esso (get, set, has, delete, ecc.) tramite funzioni handler chiamate **traps**. **Reflect** fornisce le versioni predefinite di queste operazioni come funzioni, in modo che i traps possano inoltrarsi al comportamento normale in modo pulito.

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

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

## Casi d'uso reali

- **Reattività**: Il sistema di reattività di Vue 3 avvolge lo stato in un Proxy in modo che sappia esattamente quando leggi o scrivi una proprietà, e ri-renderizza di conseguenza.
- **Validazione / controllo dell'accesso**: applica regole sulle scritture di proprietà.
- **Logging / strumentazione**: traccia l'accesso per il debug.
- **Valori predefiniti / proprietà virtuali**: restituisci valori calcolati per le chiavi mancanti.
- **Indici array negativi**, wrapper immutabili, client API che generano metodi dinamicamente.

## Perché Reflect esiste

Dentro un trap devi eseguire l'operazione *predefinita*. Usando `Reflect.get/set` (invece di `target[key]`) gestisci correttamente i casi particolari come il `receiver` giusto per getter/setter ereditati.

## Perché è importante

I Proxy abilitano la meta-programmazione potente su cui si affidano i framework.

Il compromesso è **l'overhead** — ogni operazione passa attraverso il tuo trap — quindi usali dove l'intercettazione ne vale davvero la pena, non per gli oggetti ordinari.