Run results for: JS multiple parameters vs parameter object two functions

Run details:

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: Chrome 120

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

New parameter object

11.5M/s

Parameter object with spreading

7.2M/s

Existing parameter object

7.0M/s

Multiple parameters

3.9M/s

View exact numbers

Test name	Executions per second
✓ New parameter object	11,536,934 Ops/sec
Parameter object with spreading	7,182,856 Ops/sec
Existing parameter object	6,951,874 Ops/sec
Multiple parameters	3,902,959 Ops/sec

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