React: Building Modern Web Applications

The Proxy API

The ES6 Proxy API provides the Proxy constructor to create proxies. The Proxy constructor takes two arguments, which are:

• Target: This is the object that will be wrapped by the proxy
• Handler: This is an object that contains the traps for the target object

A trap can be defined for every possible operation on the target object. If a trap is not defined, then the default action takes place on the target.

Here is a code example that shows how to create a proxy, and do various operations on the target object. In this example, we have not defined any traps:

var target = { age: 12 }; var handler = {}; var proxy = new Proxy(target, handler); proxy.name = "Eden"; console.log(target.name); console.log(proxy.name); console.log(target.age); console.log(proxy.age); ...