Benchmark: Data Properties vs. Accessor Properties vs. Getter / Setter Methods vs Proxy

Data Properties vs. Accessor Properties vs. Getter / Setter Methods vs Proxy (version: 0)

The purpose of this benchmark is to determine the performance differences between data properties, accessor properties and getters / setter functions.

Comparing performance of: Read from data property vs Write to data property vs Read from accessor method vs Write to mutator method vs Read from object literal property vs Write to object literal property vs Read from object literal property on prototype vs Write to object literal property on prototype vs R p0 vs W p0 vs r p1 vs w p1 vs r p2 vs w p2

Created: 2 years ago by: Guest

Jump to the latest result

Script Preparation code:

var property = 0;
var data = {
  property: property
};

var method = {
  getProperty: function() {
    return property;
  },

  setProperty: function(value) {
    property = value;
  }
};

var objectLiteralAccessor = {
  get property() {
    return property;
  },
  set property(value) {
    property = value;
  }
};

function Class() {
}

Class.prototype = {
  get property() {
    return property;
  },
  set property(value) {
    property = value;
  }
};
    
var prototypeAccessor = new Class();

var p0 = new Proxy({}, {
   get(target, prop, receiver) {
    return property;
  },
  set(target, prop, value) {
    property = value;
    return true;
  },
});
var p1 = new Proxy({ property: 0 }, {
   get(target, prop, receiver) {
    return target[prop]
  },
  set(target, prop, value) {
    target[prop] = value;
    return true;
  },
});
var p2 = new Proxy({ property: 0 }, {
   get(target, prop, receiver) {
    return Reflect.get(target, prop, receiver);
  },
  set(target, prop, value, receiver) {
    return Reflect.set(target, prop, value, receiver);
  },
});

Tests:

Read from data property
var value = data.property;
Write to data property
data.property = property+1;
Read from accessor method
var value = method.getProperty();
Write to mutator method
method.setProperty(property+1);
Read from object literal property
var value = objectLiteralAccessor.property;
Write to object literal property
objectLiteralAccessor.property = property+1;
Read from object literal property on prototype
var value = prototypeAccessor.property;
Write to object literal property on prototype
prototypeAccessor.property = property+1;
R p0
var value = p0.property;
W p0
p0.property = property+1;
r p1
var value = p1.property;
w p1
p1.property = property+1;
r p2
var value = p2.property;
w p2
p2.property = property+1;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Read from data property
Write to data property
Read from accessor method
Write to mutator method
Read from object literal property
Write to object literal property
Read from object literal property on prototype
Write to object literal property on prototype
R p0
W p0
r p1
w p1
r p2
w p2

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36 Edg/144.0.0.0

Browser/OS: Chrome 144 on Windows

View result in a separate tab

Test name	Executions per second
Read from data property	166165792.0 Ops/sec
Write to data property	155263136.0 Ops/sec
Read from accessor method	163396256.0 Ops/sec
Write to mutator method	142794560.0 Ops/sec
Read from object literal property	76079008.0 Ops/sec
Write to object literal property	18611162.0 Ops/sec
Read from object literal property on prototype	152674624.0 Ops/sec
Write to object literal property on prototype	83404840.0 Ops/sec
R p0	50681036.0 Ops/sec
W p0	33292624.0 Ops/sec
r p1	44856460.0 Ops/sec
w p1	39637960.0 Ops/sec
r p2	33351264.0 Ops/sec
w p2	5733512.0 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

To analyze the data, I'll first parse it into a JSON format and then use Python to process it.

Here's the parsed JSON:
```json
[
    {
        "RawUAString": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36",
        "Browser": "Chrome 118",
        "DevicePlatform": "Desktop",
        "OperatingSystem": "Windows",
        "ExecutionsPerSecond": 12791210.0,
        "TestName": "Read from accessor method"
    },
    {
        ...
    }
]
```
Now, let's analyze the data:

**Browsers:** Chrome 118

**Devices:** Desktop (only)

**Operating Systems:** Windows

**Execution Rates:**

* Read from accessor method: 12791210.0 executions per second
* Read from object literal property: 11415879.0 executions per second
* R p0: 10788188.0 executions per second
* w p1: 10410502.0 executions per second
* r p2: 7762643.5 executions per second
* Write to mutator method: 7580195.5 executions per second
* Write to object literal property on prototype: 7573325.5 executions per second
* W p0: 6737351.0 executions per second
* Write to object literal property: 5507650.0 executions per second
* w p2: 2903119.0 executions per second

**Trends:**

* The execution rate for "Read from accessor method" is the highest, followed by "Read from object literal property".
* The execution rates for "R p0", "w p1", and "r p2" are relatively low compared to other tests.
* The execution rates for "Write to mutator method" and "Write to object literal property on prototype" are close, but slightly higher than those of other write tests.

Please let me know what specific questions or trends you'd like me to investigate further!

Related benchmarks: