Run results for: Class field access speed v1

Run details:

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

Browser: Firefox 125

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Static object, static property

32K/s

Dynamic object, static property

3K/s

Dynamic object, const property

3K/s

Dynamic object, dynamic property

2K/s

View exact numbers

Test name	Executions per second
✓ Static object, static property	31,738 Ops/sec
Dynamic object, static property	2,666 Ops/sec
Dynamic object, const property	2,571 Ops/sec
Dynamic object, dynamic property	2,276 Ops/sec

Script Preparation code:

class ValueHolder {
  #value;
  get value() {return this.#value;}
  set value(v) {this.#value = v;}
}
const holder = new ValueHolder();

function getValue1(x) {
  return holder.value;
}

function getValue2(x, anyHolder=holder) {
  return anyHolder.value;
}

function getValue3(x, anyHolder=holder) {
  const propName = "value";
  return anyHolder[propName];
}

function getValue4(x, anyHolder=holder, propName="value") {
  return anyHolder[propName];
}
               
function benchmark(func) {
  let x; 
  for (let i = 0; i < 1000000; i++) {
    x = func(i);
  }
  return x;
}

Tests:

Static object, static property
benchmark(getValue1)
Dynamic object, static property
benchmark(getValue2)
Dynamic object, const property
benchmark(getValue3)
Dynamic object, dynamic property
benchmark(getValue4)