Run results for: JS multiple parameters vs parameter object

Run details:

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

Browser: Chrome 124

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

New parameter object

6.7M/s

Parameter object with spreading

5.1M/s

Existing parameter object

4.8M/s

Multiple parameters

3.7M/s

View exact numbers

Test name	Executions per second
✓ New parameter object	6,657,587 Ops/sec
Parameter object with spreading	5,086,806 Ops/sec
Existing parameter object	4,758,798 Ops/sec
Multiple parameters	3,704,728 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(p) {
  return p.a + p.b + p.c + p.d + p.e + p.f + p.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(); f1(data)
Parameter object with spreading
f1({ ...data, g: Math.random() })
New parameter object
f1({ a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: Math.random() })