MeasureThat.net

Run results for: Proxy vs defineProperty

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Chrome 134
Windows
Desktop
24 days ago
Test name Executions per second
Object access 178138112.0 Ops/sec
Proxy access 71120072.0 Ops/sec
Proxy with get handler access 52001224.0 Ops/sec
Use of simple getter 200457440.0 Ops/sec
Use of defineProperty 56855296.0 Ops/sec
Proxy with get reflect handler access 39178868.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, {})
proxyWithReflectHandler = new Proxy(object, {
    get(target, prop, receiver) {
        return Reflect.get(target, prop, receiver)
    }
})
proxyWithHandler = new Proxy(object, {
    get(target, prop, receiver) {
        return object[prop];
    }
})
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;

  • Proxy with get reflect handler access

     
    proxyWithReflectHandler.value