Za što se koristi Proxy i Reflect?

Question

Accepted Answer

**Proxy** omotava objekt i omogućava vam **presretanje** temeljnih operacija na njemu (get, set, has, delete, itd.) putem funkcija upravljanja zvanih **traps**. **Reflect** daje zadanu verziju tih operacija kao funkcije, tako da traps mogu čisto proslijediti normalnom ponašanju.

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

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

## Primjeni slučajevi

- **Reaktivnost**: Vue 3 sustav reaktivnosti omotava stanje u Proxy kako bi točno znao kad čitate ili pišete svojstvo, i ponovno prikazuje u skladu s time.
- **Validacija / kontrola pristupa**: nametnite pravila na pisanje svojstava.
- **Zapisivanje / instrumentacija**: pratite pristup za debugiranje.
- **Zadane vrijednosti / virtualna svojstva**: vratite izračunate vrijednosti za nedostajuće ključeve.
- **Negativni indeksi niza**, nepromjenjivi wrapperi, API klijenti koji dinamički generiraju metode.

## Zašto Reflect postoji

Unutar trapa trebate izvršiti *zadanu* operaciju. Koristeći `Reflect.get/set` (umjesto `target[key]`) pravilno rukovati rubnim slučajevima kao što je pravi `receiver` za naslijeđene getters/setterse.

## Zašto je važno

Proxyji omogućavaju moćno meta-programiranje na kojem ovise okviri.

Kompromis je **opterećenje** — svaka operacija prolazi kroz vaš trap — pa ih koristite gdje je presretanje doista vrijedno, a ne za običnih objekata.