Funções

À medida que o seu código cresce, você frequentemente vai precisar fazer a mesma ação mais de uma vez.

Em vez de digitar as mesmas linhas repetidamente, você pode salvar essas linhas dentro de uma função e reutilizá-las depois.

O que é uma função

Uma função é um bloco de código com nome que realiza uma tarefa específica.

Pense nisso como escrever uma receita. Escrever a receita não assa o bolo. Apenas salva os passos.

Em JavaScript, definir uma função salva o código, mas não o executa. Para executar o código dentro de uma função, você precisa chamar a função pelo nome.

function add(a, b) {
    const result = a + b;
    return result;
}
console.log(add(3,4));
console.log(add(2,8));

Por que as funções são úteis

As funções ajudam você a evitar repetir o mesmo código.

Elas também tornam o seu código mais fácil de ler, porque um grupo de passos pode ter um nome claro.

Se você precisar mudar o que a função faz, pode atualizá-la em um só lugar, em vez de editar o mesmo código várias vezes.

Primeiro exemplo de código

Vamos criar e usar uma função básica.

function showGreeting() {
  console.log("Bem-vindo ao aprendizado de JavaScript!");
}

showGreeting();

Análise do código

Vamos detalhar o que está acontecendo:

• function diz ao JavaScript que estamos criando uma função.
• showGreeting é o nome da função.
• Os parênteses () vêm depois do nome da função.
• As chaves {} contêm o código que queremos salvar.
• console.log("Bem-vindo ao aprendizado de JavaScript!"); é o código dentro da função.
• showGreeting(); chama a função, então o código salvo é de fato executado.

Sem showGreeting();, a mensagem não apareceria na seção de saída.

Chamando uma função mais de uma vez

Você pode chamar a mesma função quantas vezes quiser.

Toda vez que você a chama, o código dentro da função é executado novamente.

function cheer() {
  console.log("Eba, eba, viva!");
}

cheer();
cheer();
cheer();

Mini tarefa

Edite o bloco de código cheer() acima.

Mude a mensagem dentro de console.log() para outra coisa, como "Você conseguiu!".

Depois clique em Executar para ver a sua nova mensagem aparecer várias vezes.

Pequeno quiz

Pergunta: O que acontece se você definir uma função, mas nunca chamá-la?

• A) O código é executado automaticamente.
• B) Você recebe uma mensagem de erro.
• C) O código dentro da função não é executado.

Resposta: C. O código dentro da função não é executado.

Definir uma função apenas salva os passos. Você precisa chamar a função para executá-los.

Pequeno desafio

Crie uma função chamada sayGoodbye.

Dentro da função, use console.log() para imprimir "Até mais!".

Depois chame a função duas vezes.

// coloque seu código abaixo

console.log()

Resumo

• Uma função é um bloco de código com nome usado para realizar uma tarefa específica.
• As funções ajudam você a reutilizar código sem precisar redigitá-lo.
• Você cria uma função com a palavra-chave function, um nome, parênteses () e chaves {}.
• Definir uma função não executa o código dentro dela.
• Você precisa chamar a função pelo nome, seguido de parênteses, para executá-la.