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

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 (Macintosh; Intel Mac OS X 10.15; rv:121.0) Gecko/20100101 Firefox/121.0

Browser: Firefox 121

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
✓ Read from object literal property	749,324,864 Ops/sec
Read from accessor method	749,269,824 Ops/sec
Write to object literal property on prototype	748,398,208 Ops/sec
Write to mutator method	747,827,136 Ops/sec
Read from data property	747,529,984 Ops/sec
Write to object literal property	747,157,760 Ops/sec
Read from object literal property on prototype	746,750,528 Ops/sec
Write to data property	728,220,032 Ops/sec

Test name

Executions per second

✓ Read from object literal property

749,324,864 Ops/sec

Read from accessor method

749,269,824 Ops/sec

Write to object literal property on prototype

748,398,208 Ops/sec

Write to mutator method

747,827,136 Ops/sec

Read from data property

747,529,984 Ops/sec

Write to object literal property

747,157,760 Ops/sec

Read from object literal property on prototype

746,750,528 Ops/sec

Write to data property

728,220,032 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 = {
  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;