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

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

Go to the benchmark

Run details:

User agent: Mozilla/5.0 (Android 14; Mobile; rv:137.0) Gecko/137.0 Firefox/137.0

Browser: Firefox Mobile 137

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Read from data property

1053.6M/s

Read to object

669.2M/s

Write to object literal property

668.3M/s

Write to data property

667.2M/s

Write to mutator method

663.2M/s

Write to object literal property on prototype

656.3M/s

Read from object literal property

206.9M/s

Read from object literal property on prototype

205.8M/s

Write to object

205.5M/s

Read from accessor method

200.6M/s

View exact numbers

Test name	Executions per second
✓ Read from data property	1,053,559,040 Ops/sec
Read to object	669,246,784 Ops/sec
Write to object literal property	668,268,608 Ops/sec
Write to data property	667,213,888 Ops/sec
Write to mutator method	663,203,136 Ops/sec
Write to object literal property on prototype	656,327,104 Ops/sec
Read from object literal property	206,934,000 Ops/sec
Read from object literal property on prototype	205,789,296 Ops/sec
Write to object	205,450,240 Ops/sec
Read from accessor method	200,637,168 Ops/sec

Script Preparation code:

var data = {
  property: property
};

var property = undefined;

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 = {
  getProperty() {
    return property;
  },
  setProperty(value) {
    property = value;
  },
  get property() {
    return property;
  },
  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;
Write to object
var value = prototypeAccessor.getProperty();
Read to object
prototypeAccessor.setProperty(true);