MeasureThat.net

Run results for: Access to Proxy vs Object with getter

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Chrome 134
Mac OS X 10.15.7
Desktop
one month ago
Test name Executions per second
Object access 171215168.0 Ops/sec
Proxy access 61909836.0 Ops/sec
Proxy with get handler access 35833148.0 Ops/sec
Use of simple getter 168935952.0 Ops/sec
Use of defineProperty 145686752.0 Ops/sec
Script Preparation code:
AخA
 
object = { value: 'data', getData() {return this.value;} };
Object.defineProperty(object, 'dataProperty', {
  get() { return this.value; }
});
proxy = new Proxy(object, {})
proxyWithHandler = new Proxy(object, {
    get(target, prop, receiver) {
        return Reflect.get(target, prop, receiver)
    }
})
Tests:

  • Object access

     
    object.value;

  • Proxy access

     
    proxy.value

  • Proxy with get handler access

     
    proxyWithHandler.value

  • Use of simple getter

     
    object.getData();

  • Use of defineProperty

     
    object.dataProperty;