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

spread

10.1M/s

apply

9.9M/s

destruct

3.8M/s

normal

3.8M/s

View exact numbers

Test name	Executions per second
✓ spread	10,086,216 Ops/sec
apply	9,915,899 Ops/sec
destruct	3,809,565 Ops/sec
normal	3,759,154 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