Apa kegunaan Proxy dan Reflect?

Question

IT Interview Practice · Accepted Answer

**Proxy** membungkus objek dan memungkinkan Anda untuk **mencegat** operasi fundamental padanya (get, set, has, delete, dll.) melalui fungsi handler yang disebut **traps**. **Reflect** menyediakan versi default operasi-operasi tersebut sebagai fungsi, sehingga traps dapat meneruskan ke perilaku normal dengan bersih.

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

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

## Kasus penggunaan nyata

- **Reaktivitas**: Sistem reaktivitas Vue 3 membungkus state dalam Proxy sehingga tahu persis kapan Anda membaca atau menulis properti, dan me-render ulang sesuai kebutuhan.
- **Validasi / kontrol akses**: menerapkan aturan pada penulisan properti.
- **Logging / instrumentasi**: melacak akses untuk debugging.
- **Nilai default / properti virtual**: mengembalikan nilai yang dihitung untuk kunci yang hilang.
- **Indeks array negatif**, wrapper immutable, klien API yang menghasilkan metode secara dinamis.

## Mengapa Reflect ada

Di dalam trap Anda perlu melakukan operasi *default*. Menggunakan `Reflect.get/set` (bukan `target[key]`) menangani dengan benar kasus edge seperti `receiver` yang tepat untuk getter/setter yang diwariskan.

## Mengapa ini penting

Proxy memungkinkan meta-programming yang powerful yang framework andalkan.

Trade-off-nya adalah **overhead** — setiap operasi melalui trap Anda — jadi gunakan untuk kasus di mana intersepsi benar-benar bernilai, bukan untuk objek sehari-hari.

Kasus penggunaan nyata

Mengapa Reflect ada

Mengapa ini penting

Pertanyaan terkait