Run results for: Accessor vs method vs direct property access

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:140.0) Gecko/20100101 Firefox/140.0

Browser: Firefox 140

Operating system: Windows

Device Platform: Desktop

Date tested: 23 days ago

Simple object

559.1M/s

Method object

514.9M/s

Method class

77.7M/s

Simple class

70.0M/s

Accessor class

67.9M/s

Accessor object

4.9M/s

View exact numbers

Test name	Executions per second
✓ Simple object	559,146,752 Ops/sec
Method object	514,865,632 Ops/sec
Method class	77,653,864 Ops/sec
Simple class	70,044,096 Ops/sec
Accessor class	67,881,272 Ops/sec
Accessor object	4,927,764 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