Thread by @rogermelodev

Rest Parameters é uma feature que você, programador JavaScript, deve dominar.

Nessa mini-thread, você irá aprender:

✅ Como o Rest Parameters funciona
✅ Como utilizá-lo com Objetos e Arrays
✅ Em quais casos ele não funciona

Vem escrever código + eficiente comigo! 👇

🔥 Como o Rest Parameters funciona

O Rest Parameters possui uma funcionalidade oposta ao Spread Operator.

Ele irá representar,
👉em um array👈, argumentos passados para uma função, por exemplo.

Com essa sintaxe:

Se você exibir esse rest parameter no console, verá que ele é um array com os argumentos passados para a invocação da função =)

🔥 Combinando Rest Parameters com Destructuring assignment
👉em Arrays👈

Rest Parameters podem ser combinados em Destructuring assignments de arrays.

No código abaixo, 10 é atribuído à const 'num1' e 20 é atribuído à const 'num2'.

Todos os outros números do array 'numbers' são copiados para um outro array.

E esse outro array é atribuído à const 'otherNumbers':

🔥 Combinando Rest Parameters com Destructuring assignment
👉em Objetos👈

O ES2018 trouxe essa possibilidade 🎉. O padrão é o mesmo da utilização em arrays.

No código abaixo, o valor da propriedade 'num1' é copiado e atribuído à uma const 'num1'. O mesmo é feito para 'num2'.

'...otherNumbers' cria uma const 'otherNumbers', que recebe um objeto com as cópias das propriedades e valores 'otherNumber1' e 'otherNumber2':

🔥 Quando o Rest Parameter não funciona

Em funções, apenas o último parâmetro pode ser um Rest Parameter.

A função abaixo tenta fazer com que os dois primeiros argumentos, 1 e 2, sejam passados para o Rest Parameter '...numbers'.

Mas não há como o JavaScript saber como fazer essa separação entre os argumentos:

O mesmo vale para a utilização do Rest com arrays e objetos:

Gostou? Então deixe seu like e dê um
👉retweet👈 para que esse conteúdo alcance mais pessoas! 😃

Te vejo na próxima
🔥 Dica Rápida de JavaScript 🔥