How do I intercept sort function within a JS proxy?

253 views Asked by At

I know how to intercept get`set` and such within a proxy using the following code:

function get( target, prop, receiver ) {
  console.log("Intercepted get")
  return Reflect.get( target, prop, receiver );
}
var handler = {
  'get': get
};
var proxy = new Proxy( new Array(...[7, 1,2,3,4,5]), handler );

I'm unable to replicate this for sort. Adding:

function sort(target, prop) {
  console.log("Intercepted sort")
  return Reflect.sort(target);
}
var handler = {
  'get': get,
  'sort': sort
};

Doesn't work. I've also been unable to find documentation. How do I intercept the sort function?

1

There are 1 answers

2
jabaa On BEST ANSWER

You have to use get to trap methods. get is called for each property and each method that is read. The name of the property or method is passed into get as second argument prop:

function sort() {
  console.log("Intercepted sort")
  return this.sort();
}
function get( target, prop, receiver ) {
  if (prop === 'sort') {
    return sort.bind(target);
  }
  console.log("Intercepted get")
  return Reflect.get( target, prop, receiver );
}
var handler = {
  get
};
var proxy = new Proxy( new Array(...[7,1,2,3,4,5]), handler );
console.log(proxy.sort())