Run results for: Data Properties vs. Accessor Properties vs. Getter / Setter Methods v3

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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser: Chrome 130

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Read from object literal property on prototype

27.0M/s

Read from data property

26.6M/s

Write to data property

26.6M/s

Read from accessor method

26.5M/s

Read from object literal property

21.1M/s

Write to mutator method

8.9M/s

Write to object literal property on prototype

8.9M/s

Write to object literal property

6.2M/s

View exact numbers

Test name	Executions per second
✓ Read from object literal property on prototype	27,012,620 Ops/sec
Read from data property	26,632,470 Ops/sec
Write to data property	26,598,838 Ops/sec
Read from accessor method	26,519,682 Ops/sec
Read from object literal property	21,108,186 Ops/sec
Write to mutator method	8,889,552 Ops/sec
Write to object literal property on prototype	8,876,211 Ops/sec
Write to object literal property	6,191,070 Ops/sec

Script Preparation code:

const foo = 5


var data = {
  property: foo
};



var method = {
  getProperty: function() {
    return foo;
  },

  setProperty: function(value) {
    property = value;
  }
};

var objectLiteralAccessor = {
  get property() {
    return foo;
  },
  set property(value) {
    property = value;
  }
};

function Class() {
}

Class.prototype = {
  get property() {
    return foo;
  },
  set property(value) {
    property = value;
  }
};
    
var prototypeAccessor = new Class();

Tests:

Read from data property
var value = data.property;
Write to data property
data.property = true;
Read from accessor method
var value = method.getProperty();
Write to mutator method
method.setProperty(true);
Read from object literal property
var value = objectLiteralAccessor.property;
Write to object literal property
objectLiteralAccessor.property = true;
Read from object literal property on prototype
var value = prototypeAccessor.property;
Write to object literal property on prototype
prototypeAccessor.property = true;