Benchmark: ES6 property (get/set) & getter/setter function vs direct access to object attribute (private and not)

ES6 property (get/set) & getter/setter function vs direct access to object attribute (private and not) (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

Created: 2 months ago by: Guest

Jump to the latest result

Script Preparation code:

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

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

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)	299593300.0 Ops/sec
Public Getter function	282615000.0 Ops/sec
Public Directly get	282472300.0 Ops/sec
Public ES6 property (set)	430842000.0 Ops/sec
Public Setter function	418993700.0 Ops/sec
Public Directly set	425608800.0 Ops/sec
Private ES6 property (get)	286338700.0 Ops/sec
Private Getter function	287016200.0 Ops/sec
Private ES6 property (set)	376575200.0 Ops/sec
Private Setter function	385027200.0 Ops/sec

ES6 property (get/set) & getter/setter function vs direct access to object attribute (private and not) (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

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

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A