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); ...

Get React: Building Modern Web Applications now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.