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

ES6 property (get/set) & getter/setter function vs direct access vs closure (version: 0)

Comparing performance of: Public - ES6 property (get) vs Public - Getter function vs Public - Directly get vs Public - ES6 property (set) vs Public - Setter function vs Public - Directly set vs Private - ES6 property (get) vs Private - Getter function vs Private - ES6 property (set) vs Private - Setter function vs Closure - Getter function vs Closure - Setter function

Created: 2 months ago by: Guest

Jump to the latest result

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 );

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Public - ES6 property (get)
Public - Getter function
Public - Directly get
Public - ES6 property (set)
Public - Setter function
Public - Directly set
Private - ES6 property (get)
Private - Getter function
Private - ES6 property (set)
Private - Setter function
Closure - Getter function
Closure - Setter function

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 months ago)

User agent: Mozilla/5.0 (Android 13; Mobile; rv:125.0) Gecko/125.0 Firefox/125.0

Browser/OS: Firefox Mobile 125 on Android

View result in a separate tab

Test name	Executions per second
Public - ES6 property (get)	290234000.0 Ops/sec
Public - Getter function	288836700.0 Ops/sec
Public - Directly get	287675200.0 Ops/sec
Public - ES6 property (set)	384085900.0 Ops/sec
Public - Setter function	421355900.0 Ops/sec
Public - Directly set	384548500.0 Ops/sec
Private - ES6 property (get)	256198100.0 Ops/sec
Private - Getter function	288772700.0 Ops/sec
Private - ES6 property (set)	381619600.0 Ops/sec
Private - Setter function	386007900.0 Ops/sec
Closure - Getter function	574597700.0 Ops/sec
Closure - Setter function	327306600.0 Ops/sec

ES6 property (get/set) & getter/setter function vs direct access vs closure (version: 0)

Created: 2 months ago by: Guest

Jump to the latest result

Public - ES6 property (get)

Public - Getter function

Public - Directly get

Public - ES6 property (set)

Public - Setter function

Public - Directly set

Private - ES6 property (get)

Private - Getter function

Private - ES6 property (set)

Private - Setter function

Closure - Getter function

Closure - Setter function

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A