Javascript — Proxy

Recently, I was reading about some less famous Javascript features and I found Javascript Proxy.

Before going into why this is important, let's understand what is it. If you already know, feel free to skip a few paragraphs.

Proxy are magic methods

Proxy is an object in javascript which wraps an object or a function and monitors it via something called target. Irrespective of the wrapped object or function existence. Proxy are similar to meta programming in other languages.

There are 3 key terms we need to understand before we proceed:

1. Targets: Object or Function to be proxied.
2. Handler: The function that does something on Object or Function that is proxied.
3. Traps: These are some functions used to work on targets. Click here to read more about traps.

Below is how we defined it

We use Proxy Class from ES6, the arguments, the target is the wrap object and handler will be the function used to do some action on target using traps.

Below is a simple example of its usage