Learn ECMAScript - Second Edition

Working with 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 does various operations on the target object. In this example, we have not defined any traps:

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