Javascript Proxy support in Babel

I’m using babelify version 6.3.0 set to stage 0. ES6 / ES7 are working great. However when I try to use Javascript’s proxy functionality:

set product(product={}) {
  this._product = new Proxy({}, {})

I get:

ReferenceError: Can't find variable: Proxy

Any ideas?

From the Babel website:

Due to the limitations of ES5, Proxies cannot be transpiled or polyfilled. See support in various JavaScript engines.

You cannot proxy a full object with all the traps but you can create proxied properties for get and set at least.

var proxy = {}

Object.defineProperty(proxy, 'a', {
  get: function() { return bValue; },
  set: function(newValue) { bValue = newValue; }

You can even wrap it around a method

function proxyVar(obj, key, initVal) {
  Object.defineProperty(obj, key, {
    get: function() { return bValue*2; },
    set: function(newValue) { bValue = newValue; }
    value: initVal

And then:

var proxy = {}

proxyVar(proxy, 'a', 10)

console.log(proxy.a) // prints 20
proxy.a = 20
console.log(proxy.a) // prints 40

Babel translates ES6/ES7 code (assuming you’ve connected the appropriate presets) into valid ES5 code.

I’m afraid that there’s no way to express ES6 proxies via ES5 syntax.

You can see that proxies don’t nave any equivalent on es6-features site. There’s also a warning about it in the bottom of ‘proxies’ section of Babel docs.

The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .
Read More:   TypeScript vs JSX [closed]

Similar Posts