Run results for: rest parameters vs arguments

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 130

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Benchmark engine: Benchmark.js

arguments

4K/s

rest parameter

4K/s

View exact numbers

Test name	Executions per second
✓ arguments	3,805 Ops/sec
rest parameter	3,753 Ops/sec

Script Preparation code:

function h1(tag, props) {
    props = Object.assign({}, props);
    let length = arguments.length;
    if (length > 3) {
        const children = [];
        while (length-- > 2) {
            children[length - 2] = arguments[length];
        }
        props.children = children;
    } else if (length === 3) {
        props.children = arguments[2];
    }
    return {
        tag,
        props
    };
}

function h2(tag, props, ...children) {
    props = Object.assign({}, props);
    if (children.length > 1) {
        props.children = children;
    } else if (children.length === 1) {
        props.children = children[0];
    }
    return {
        tag,
        props
    };
}

Tests:

arguments
const els = []; for (let i = 0; i < 1000; i++) { if (i % 3 === 0) { els.push(h1('div', {class: 'foo'}, i, i + 1, i + 2)); } else { els.push(h1('div', {class: 'foo'}, i)); } }
rest parameter
const els = []; for (let i = 0; i < 1000; i++) { if (i % 3 === 0) { els.push(h2('div', {class: 'foo'}, i, i + 1, i + 2)); } else { els.push(h2('div', {class: 'foo'}, i)); } }