Benchmark: JS multiple parameters vs parameter object two functions

Script Preparation code:

var data = {
    a: 1,
    b: 2,
    c: 3,
    d: 4,
    e: 5,
    f: 6,
    g: 7
}

function f1(a, b, c, d, e, f, g) {
    return a + b + c + d + e + f + g;
}

function f2({
    a,
    b,
    c,
    d,
    e,
    f,
    g
}) {
    return a + b + c + d + e + f + g;
}

Tests:

Multiple parameters
f1(data.a, data.b, data.c, data.d, data.e, data.f, Math.random())
Existing parameter object
data.g = Math.random(); f2(data)
Parameter object with spreading
f2({ ...data, g: Math.random() })
New parameter object
f2({ a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: Math.random() })

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Multiple parameters
Existing parameter object
Parameter object with spreading
New parameter object

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser/OS: Chrome 120 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Multiple parameters	3902959.0 Ops/sec
Existing parameter object	6951874.0 Ops/sec
Parameter object with spreading	7182856.0 Ops/sec
New parameter object	11536930.0 Ops/sec

JS multiple parameters vs parameter object two functions (version: 0)

Comparing performance of: Multiple parameters vs Existing parameter object vs Parameter object with spreading vs New parameter object

Created: 10 months ago by: Guest

Jump to the latest result

Multiple parameters

Existing parameter object

Parameter object with spreading

New parameter object

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A