Odtnhj

function createProxy() 
 const myArray = [Math.random(), Math.random()];
 return new Proxy(myArray, );


const myProxy = createProxy();

How to access the target (which is myArray) of myProxy here?

I've tried many ways. Was googled many blog posts, but found no way to get the target :(

There is a clever way to do this - You can add a get trap to the proxy and have it return the target conditionally. Like so..

let resolveMode = false; // Switch that controls if getter returns target or prop. 

function resolve(obj) 
 resolveMode = true; // Turn on our switch
 let target = obj.anything; // This gets the target not the prop!
 resolveMode = false; // Turn off the switch for the getter to behave normally
 return target; // Return what we got!


function createProxy() 
 const myArray = [Math.random(), Math.random()];
 return new Proxy(myArray, 
 get: function(target, prop) 
 if (resolveMode) return target; // This is where the magic happens!
 else return target[prop]; // This is normal behavior..
 
 );


const myProxy = createProxy();
let target = resolve(myProxy);

Remember that the more lines of code you add to traps, the slower the object's performance gets. Hope this helps.

You can make a copy of the data returned by the proxy using Object.assign():

const target_copy = Object.assign(, my_proxy);

This will work for all enumerable own properties existing on the proxy/target.

As the proxy contain an object you can also do

Object.keys( my_proxy )

And then it become easy to retrieve thing such as Object.keys( my_proxy ).length

You can if the target is an object.

You will have to create a function in target to retrieve it, that's all.

Example:

class AnyClass 
 constructor() 
 this.target = this;

 return new Proxy(this, this);
 

 get(obj, prop) 
 if (prop in obj)
 return this[prop];

 // your stuff here
 

 getTarget() 
 return this.target;
 

And then when you call:

let sample = new AnyClass;
console.log(sample.getTarget());

Will return you the target as you expect :)

How about adding the following get trap:

const handler = 
 get: (target, property, receiver) => 
 if (property === 'myTarget') 
 return target
 
 return target[property]
 


const myArray = [Math.random(), Math.random()];

function createProxy() 
// const myArray = [Math.random(), Math.random()];
 return new Proxy(myArray, handler);


const myProxy = createProxy();

And you can get the target of the proxy by myProxy.myTarget:

console.log(myProxy.myTarget) // [0.22089416118932403, 0.08429264462405173]
console.log(myArray === myProxy.myTarget) // true