Benchmark: Property assignment vs Variable assignment

Script Preparation code:

function createFunctionBench() {
    let value = null;

    return function closure(val) {
        if (val) {
            value = val;
        }

        return value;
    };
}

class ClassBench {
    update(val) {
        if (val) {
            this.value = val;
        }

        return this.value;
    }
}

bench = {
    fn: createFunctionBench(),
    cls: new ClassBench()
};

Tests:

Function approach
bench.fn(performance.now());
Object approach
bench.cls.update(performance.now());

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Function approach
Object approach

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: 7 months ago)

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/117.0

Browser/OS: Firefox 117 on Ubuntu

View result in a separate tab

Test name	Executions per second
Function approach	4674214.0 Ops/sec
Object approach	4625951.0 Ops/sec

Property assignment vs Variable assignment (version: 0)

The significance is function oriented vs object orient approach to building UI

Comparing performance of: Function approach vs Object approach

Created: one year ago by: Registered User

Jump to the latest result

Function approach

Object approach

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A