Tharos Workspace

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Advanced Proxy Class in JavaScript ======

The [[https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Proxy|Proxy Class]] in ES6 is a nice thing if you want to create somewhat abstract code for this or another Reason. When it comes to complex Data-Interfaces you gotta love this class. It never had been easier to wrap Binary Data or Database Access together. But the whole thing has one flaw. At least I see it as flaw.


===== How to change the target on JS Proxy Instances? =====
In some cases you just _need_ to change an proxys target. For example if you want to reload code at runtime and update running object instances. In order to keep all references valid you need the Proxy class. But this on the other hand needs you to change its target.

===== Solution =====
<code=javascript>
class Mirror {
  constructor(target) {
    this.ref = target;
  }

  get(target, name, receiver) {
    if(name=='__target')
      return this.ref;
    return this.ref[name];
  }

  set(target, name, value, receiver) {
    if(name=='__target')
      return this.ref = value;
    
    return this.ref[name] = value;
  }
};

function MetaProxy(target) {
  return new Proxy(target, new Mirror(target));
}

module.exports = MetaProxy;
</code>

===== Limitations =====
Unfortunatly the whole thing has Limitations (thats why I had not posted it as npm): Many JavaScript Engines cache object references, and there is no way to avoid it.

<code=javascript>
let a = new Point(5,5);
console.log(a);  // Point(5,5)

let p = MetaProxy(a);
console.log(p);  // Point(5,5)

let b = new Point(10,10);
p.__target = b;

console.log(p);  // Point(5,5)
console.log(p.x);  // 10
console.log(p.y);  // 10
console.log(p.toString());  // Point(10,10)
console.log(p.__target);    // Point(10,10)

</code>

Why is that so? Well, the Proxy does not passes thought the main reference. Just the child-attributes will be affected. 

===== Conclusion =====
Well. This solution works whenever you work with proxys and you _know_ doing so. For my purposes this was enought.
Tharos Workspace

User Tools

Site Tools

Page Tools
