Aula 27 — Rest Parameters (Parâmetros Rest)

Na aula anterior, aprendemos a usar parâmetros default para deixar nossas funções mais seguras, evitando problemas quando valores não são informados.

Agora vamos aprender a lidar com outra situação muito comum: quando não sabemos quantos valores uma função vai receber. Para isso, usamos os Rest Parameters.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

• Entender o que são Rest Parameters
• Criar funções que recebem vários argumentos
• Usar o operador ... corretamente
• Trabalhar com listas de valores de forma flexível
• Escrever funções mais genéricas e reutilizáveis

O problema: quantidade variável de argumentos

Imagine uma função que soma números. Às vezes você quer somar dois valores, às vezes três, quatro ou mais.

Antes dos Rest Parameters, isso exigia soluções mais complexas. Agora, o JavaScript oferece uma forma simples e elegante de resolver esse problema.

Conhecendo o Rest Parameter

O Rest Parameter usa o operador ... antes do nome do parâmetro. Ele reúne todos os valores extras passados para a função em um array.

 
            function somar(...numeros) { console.log(numeros); }
            somar(1, 2, 3, 4);

Nesse exemplo, todos os valores passados são agrupados no array numeros.

Usando Rest Parameters na prática

Agora vamos usar o Rest Parameter para somar qualquer quantidade de números:

 
function somar(...numeros) { let total = 0;

for (let numero of numeros) {
total += numero;
}

return total;
}

console.log(somar(2, 4));
console.log(somar(1, 2, 3, 4, 5));

O código acima resultará na seguinte saída:

Rest Parameters com Arrow Functions

Assim como outros recursos modernos do JavaScript, os Rest Parameters funcionam perfeitamente com Arrow Functions:

 const somar = (...numeros) => { return numeros.reduce((total, n) => total + n, 0); };

console.log(somar(10, 20, 30));

Rest Parameter com outros parâmetros

O Rest Parameter pode ser combinado com parâmetros normais, desde que ele seja o último da lista:

 function apresentar(nome, ...habilidades) { console.log(nome); console.log(habilidades); }

apresentar("Daniel", "JavaScript", "HTML", "CSS");

Na próxima aula, vamos aprender sobre Closures na prática e entender como funções podem “lembrar” do seu contexto.