Entradas e saídas de funções

Você já sabe como criar e chamar funções básicas.

Agora você vai aprender como a mesma função pode trabalhar com valores diferentes e enviar um resultado de volta para o seu código.

Entradas: parâmetros e argumentos

Uma entrada de função é um valor que uma função recebe quando é executada.

Em JavaScript, usamos duas palavras importantes para as entradas de função: parâmetros e argumentos.

Um parâmetro é um nome reservado (placeholder) dentro da definição da função.

Um argumento é o valor real que você passa para a função quando a chama.

Primeiro exemplo de código

function greetUser(firstName) {
  console.log("Olá, " + firstName + "!");
}

greetUser("Alice");
greetUser("Bob");

Análise do código

Neste exemplo, firstName é o parâmetro. Ele funciona como um espaço vazio dentro da função.

Quando escrevemos greetUser("Alice"), "Alice" é o argumento. O JavaScript coloca "Alice" no espaço firstName e cria a saudação.

Quando você clicar em Executar, verá duas saudações na seção de saída.

Saídas: usando return

Às vezes, uma função deve calcular um valor e enviar o resultado de volta para o resto do seu código.

Para fazer isso, use a palavra-chave return.

Quando o JavaScript chega ao return, a função para de ser executada e envia um valor de volta para o lugar onde a função foi chamada.

Você pode armazenar esse valor retornado em uma variável.

function calculateTotal(price, tax) {
  return price + tax;
}

const finalPrice = calculateTotal(10, 2);
console.log("Seu total é: " + finalPrice);

return vs console.log()

console.log() envia um valor para a seção de saída para que você possa vê-lo.

return envia um valor de volta para o seu código, para que o programa possa salvá-lo e reutilizá-lo.

No exemplo acima, calculateTotal(10, 2) retorna 12. Depois, 12 é armazenado na variável finalPrice.

Por fim, console.log() mostra a mensagem final na seção de saída.

Mini tarefa

Edite o exemplo calculateTotal acima.

Mude os argumentos dentro de calculateTotal(10, 2) para encontrar o total de um preço de 20 e um imposto de 5.

Clique em Executar para ver o seu novo total na seção de saída.

Pequeno quiz

Pergunta: Qual é a diferença entre um parâmetro e um argumento?

Resposta: Um parâmetro é o nome reservado na definição da função. Um argumento é o valor real passado para a função quando ela é chamada.

Pequeno desafio

Escreva uma função chamada getScore.

A função deve receber dois parâmetros: points e bonus.

Dentro da função, retorne a soma desses dois números.

Depois chame a sua função com argumentos reais, salve o resultado em uma variável e imprima essa variável.

// coloque seu código abaixo

console.log()

Resumo

• Um parâmetro é um nome reservado dentro da definição de uma função.
• Um argumento é um valor real passado na chamada de uma função.
• return envia um valor de volta a partir de uma função.
• console.log() mostra um valor na seção de saída.
• Os valores retornados podem ser armazenados em variáveis e reutilizados depois.