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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36

Browser: Chrome 132

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Public - ES6 property (set)

65.8M/s

Public - Directly set

64.5M/s

Public - Setter function

63.5M/s

Private - ES6 property (set)

59.0M/s

Private - Setter function

58.2M/s

Closure - Getter function

54.5M/s

Closure - Setter function

50.0M/s

Public - ES6 property (get)

7.5M/s

Public - Getter function

6.7M/s

Public - Directly get

6.2M/s

Private - ES6 property (get)

5.3M/s

Private - Getter function

5.2M/s

View exact numbers

Test name	Executions per second
✓ Public - ES6 property (set)	65,838,800 Ops/sec
Public - Directly set	64,529,084 Ops/sec
Public - Setter function	63,478,128 Ops/sec
Private - ES6 property (set)	58,952,800 Ops/sec
Private - Setter function	58,186,636 Ops/sec
Closure - Getter function	54,487,944 Ops/sec
Closure - Setter function	50,046,764 Ops/sec
Public - ES6 property (get)	7,462,432 Ops/sec
Public - Getter function	6,705,466 Ops/sec
Public - Directly get	6,156,127 Ops/sec
Private - ES6 property (get)	5,265,531 Ops/sec
Private - Getter function	5,159,066 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 );