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

Simple object

736.1M/s

Method object

487.8M/s

Accessor class

208.3M/s

Method class

198.2M/s

Simple class

125.0M/s

Accessor object

7.0M/s

View exact numbers

Test name	Executions per second
✓ Simple object	736,133,888 Ops/sec
Method object	487,794,656 Ops/sec
Accessor class	208,277,968 Ops/sec
Method class	198,244,592 Ops/sec
Simple class	124,976,856 Ops/sec
Accessor object	7,038,915 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