Run results for: Spread operator vs apply vs normal vs destruct - V2

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0

Browser: Chrome 123

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

apply

10.0M/s

spread

9.9M/s

destruct

3.8M/s

normal

3.8M/s

View exact numbers

Test name	Executions per second
✓ apply	9,978,055 Ops/sec
spread	9,862,771 Ops/sec
destruct	3,838,502 Ops/sec
normal	3,782,871 Ops/sec

Script Preparation code:

function test(a , b , c , d , e) { return a + b + c + d + e }
var using = (new Array(5)).fill(null).map((e, i) => (i));
var [a , b , c , d , e] = using

Tests:

spread
test(...using);
apply
test.apply(null, using)
normal
test(using[0] , using[1] , using[2] , using[3] , using[4])
destruct
test(a , b, c , d , e)

Run results for: Spread operator vs apply vs normal vs destruct - V2

Compare the differing ways you can call a function with arbitrary arguments dynamically

spread

apply

normal

destruct