Run results for: Accessor vs method vs direct property access

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Browser: Chrome 133

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Simple object

128.6M/s

Method class

122.1M/s

Accessor class

117.1M/s

Simple class

108.0M/s

Method object

101.3M/s

Accessor object

10.2M/s

View exact numbers

Test name	Executions per second
✓ Simple object	128,585,392 Ops/sec
Method class	122,080,592 Ops/sec
Accessor class	117,083,168 Ops/sec
Simple class	107,972,248 Ops/sec
Method object	101,302,056 Ops/sec
Accessor object	10,168,510 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