Benchmark: ES6 property (get/set) & getter/setter function & direct access to object attribute with calculations

Script Preparation code:

class Class {
    constructor () {
        this._val = 1
    }
    get value() { return this._val * 2 + 1 }
    set value(x) { this._val = x }
    getValue() { return this._val * 2 + 1 }
    setValue(x) { this.val = x }
}
var cls = new Class()
var wtf

AخA
 
class Class {    constructor () {        this._val = 1    }    get value() { return this._val * 2 + 1 }    set value(x) { this._val = x }    getValue() { return this._val * 2 + 1 }    setValue(x) { this.val = x }}var cls = new Class()var wtf

Tests:

ES6 property (get)
wtf = cls.value
wtf = cls.value
Getter function
wtf = cls.getValue()
wtf = cls.getValue()
Directly get
wtf = cls._val * 2 + 1
wtf = cls._val * 2 + 1
ES6 property (set)
cls.value = 1
cls.value = 1
Setter function
cls.setValue(1)
cls.setValue(1)
Directly set
cls._val = 1
cls._val = 1

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

Memory measurements supported only in Chrome.
For precise memory measurements Chrome must be launched with --enable-precise-memory-info flag.
More information: Monitoring JavaScript Memory

Test case name	Result
ES6 property (get)
Getter function
Directly get
ES6 property (set)
Setter function
Directly set

ES6 property (get/set) & getter/setter function & direct access to object attribute with calculations (version: 1)

Comparing performance of: ES6 property (get) vs Getter function vs Directly get vs ES6 property (set) vs Setter function vs Directly set

Created: one month ago by: Guest

Jump to the latest result

ES6 property (get)

Getter function

Directly get

ES6 property (set)

Setter function

Directly set

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results