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

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 (X11; Linux x86_64; rv:133.0) Gecko/20100101 Firefox/133.0

Browser: Firefox 133

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Read from data property

2388.6M/s

Write to data property

1466.2M/s

Write to object literal property on prototype

1364.5M/s

Write with prototype method

1359.8M/s

Write to mutator method

1341.9M/s

Write to object literal property

1275.3M/s

Read with prototype method

848.7M/s

Read from object literal property on prototype

677.7M/s

Read from accessor method

649.8M/s

Read from object literal property

649.7M/s

View exact numbers

Test name	Executions per second
✓ Read from data property	2,388,566,528 Ops/sec
Write to data property	1,466,171,776 Ops/sec
Write to object literal property on prototype	1,364,491,520 Ops/sec
Write with prototype method	1,359,838,464 Ops/sec
Write to mutator method	1,341,940,864 Ops/sec
Write to object literal property	1,275,260,160 Ops/sec
Read with prototype method	848,672,320 Ops/sec
Read from object literal property on prototype	677,672,448 Ops/sec
Read from accessor method	649,753,152 Ops/sec
Read from object literal property	649,740,544 Ops/sec

HTML Preparation code:

<b>Comparing performance of:</b> 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

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 = {
  get property() {
    return property;
  },
  set property(value) {
    property = value;
  },
  getProperty() {
    return property;
  },
  setProperty(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;
Read with prototype method
var value = prototypeAccessor.getProperty();
Write with prototype method
prototypeAccessor.setProperty(true);