Run results for: Accessor vs method vs direct property access

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:135.0) Gecko/20100101 Firefox/135.0

Browser: Firefox 135

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Simple object	736133888.0 Ops/sec
Simple class	124976856.0 Ops/sec
Method object	487794656.0 Ops/sec
Method class	198244592.0 Ops/sec
Accessor object	7038915.0 Ops/sec
Accessor class	208277968.0 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const simpleObject = () => ({ 
  property: Math.random()
})

class SimpleClass {
  property = Math.random()
}

const methodObject = () => ({ 
  getProperty() { 
    return Math.random()
  } 
})

class MethodClass {
  getProperty() {
    return Math.random()
  }
}

const accessorObject = () => ({
  get property() {
    return Math.random()
  }
})

class AccessorClass {
  get property() {
    return Math.random()
  }
}

Tests:

Simple object
const result = simpleObject().property
Simple class
const result = new SimpleClass().property
Method object
const result = methodObject().getProperty()
Method class
const result = new MethodClass().getProperty()
Accessor object
const result = accessorObject().property
Accessor class
const result = new AccessorClass().property

Run results for: Accessor vs method vs direct property access

Simple object

Simple class

Method object

Method class

Accessor object

Accessor class