Rest

Array Rest

Les "rest parameters" sont l'équivalents des paramètres variadiques dans d'autres langages.

La fonction add ci-dessous peut prendre une infinité de paramètres qui seront mises dans l'Array valueList.

const add = (...valueList) => {
    return valueList.reduce((total, value) => total + value, 0);
};

add(0, 1, 2, 3); // 6

Il vaut mieux éviter ce type d'usage du "rest". Cela réduit l'extensibilité de la fonction et il est préférable de prendre un paramètre de type Array.

const add = (valueList) => {
    return valueList.reduce((total, value) => total + value, 0);
};

add([1, 2, 3]); // 6

En revanche, cela peut s'avérer très pratique dans des cas de wrapping ou de décoration etc...

const wrapper = (funk, ...args) => {
    console.log(`Calling function with ${args.length} arguments.`);
    return funk(...args);
};

wrapper(add, 1, 2, 3);

Object Rest

La même syntaxe peut être utilisée avec le "destructuring" d'un objet :

const user = {
    firstName: 'Foo',
    lastName: 'BAR',
    email: '[email protected]',
    phoneNumber: '123'
};

const { firstName, lastName, ...remainingProperties } = user;

console.log(remainingProperties); // { email: '[email protected]', phoneNumber: '123' }