Run results for: Property assignment vs Variable assignment

Run details:

User agent: Mozilla/5.0 (Android 12; Mobile; rv:150.0) Gecko/150.0 Firefox/150.0

Browser: Firefox Mobile 150

Operating system: Android

Device Platform: Mobile

Date tested: 2 months ago

Object approach

1.2M/s

Function approach

1.2M/s

View exact numbers

Test name	Executions per second
✓ Object approach	1,216,697 Ops/sec
Function approach	1,167,071 Ops/sec

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

Run results for: Property assignment vs Variable assignment

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

Function approach

Object approach