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: 2 months ago

Test name	Executions per second
Simple object	128585392.0 Ops/sec
Simple class	107972248.0 Ops/sec
Method object	101302056.0 Ops/sec
Method class	122080592.0 Ops/sec
Accessor object	10168510.0 Ops/sec
Accessor class	117083168.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