Run results for: ES6 property (get/set) & getter/setter function vs direct access vs closure

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 121

Operating system: Android

Device Platform: Mobile

Date tested: 2 years ago

Private - Setter function

8.4M/s

Public - Setter function

8.3M/s

Private - ES6 property (set)

8.3M/s

Public - ES6 property (set)

8.3M/s

Closure - Setter function

8.3M/s

Public - Directly set

8.3M/s

Closure - Getter function

8.3M/s

Public - Getter function

4.0M/s

Private - Getter function

4.0M/s

Public - ES6 property (get)

3.8M/s

Private - ES6 property (get)

3.4M/s

Public - Directly get

3.3M/s

View exact numbers

Test name	Executions per second
✓ Private - Setter function	8,377,498 Ops/sec
Public - Setter function	8,332,596 Ops/sec
Private - ES6 property (set)	8,317,362 Ops/sec
Public - ES6 property (set)	8,308,737 Ops/sec
Closure - Setter function	8,281,168 Ops/sec
Public - Directly set	8,276,636 Ops/sec
Closure - Getter function	8,268,310 Ops/sec
Public - Getter function	4,003,705 Ops/sec
Private - Getter function	3,955,110 Ops/sec
Public - ES6 property (get)	3,768,711 Ops/sec
Private - ES6 property (get)	3,374,609 Ops/sec
Public - Directly get	3,342,491 Ops/sec

Script Preparation code:

var Closure = (function initClosure() {
    let value = 0;
    return {
        getValue: function getValue() {
            return value;
        },
        setValue: function setValue(x) {
            value = x;
        }
    };
}());
class Private {
    #value = 0;
    constructor() {
        this.#value = 1
    }
    get value() {
        return this.#value
    }
    set value(x) {
        this.#value = x
    }
    getValue() {
        return this.#value
    }
    setValue(x) {
        this.#value = x
    }
}
class Public {
    value = 0;
    constructor() {
        this.value = 1
    }
    get value() {
        return this.value
    }
    set value(x) {
        this.value = x
    }
    getValue() {
        return this.value
    }
    setValue(x) {
        this.value = x
    }
}
var private = new Private();
var public = new Public();
var val = 0;

Tests:

Public - ES6 property (get)
val = public.value;
Public - Getter function
val = public.getValue();
Public - Directly get
val = public.value;
Public - ES6 property (set)
public.value = 1;
Public - Setter function
public.setValue( 1 );
Public - Directly set
public.value = 1;
Private - ES6 property (get)
val = private.value;
Private - Getter function
val = private.getValue();
Private - ES6 property (set)
private.value = 1;
Private - Setter function
private.setValue( 1 );
Closure - Getter function
Closure.getValue();
Closure - Setter function
Closure.setValue( 1 );