Criando funções

Escreva um trecho de código uma vez, dê um nome a ele e reuse quantas vezes quiser. É aqui que o código deixa de ser uma pilha de instruções e começa a se organizar.

Estudar esta lição interativa →

Conforme os programas crescem, dois problemas aparecem. O primeiro é a repetição: você se pega escrevendo o mesmo punhado de linhas em vários lugares (validar um campo, formatar um preço, cumprimentar um usuário). O segundo é a bagunça: um monte de instruções soltas, uma atrás da outra, sem que dê para bater o olho e entender o que cada pedaço faz. A função resolve os dois de uma vez.

Uma função é um bloco de código com nome. Você embrulha um conjunto de instruções, dá um nome a esse embrulho, e a partir daí passa a usar o código pelo nome, sem reescrevê-lo. Isso mata a repetição (escreve uma vez, usa muitas) e organiza o programa (cada tarefa vira uma "caixinha" com um nome que se explica). Não é exagero dizer que funções são o principal jeito de manter código grande sob controle.

Criar uma função em JavaScript segue uma forma fixa, com quatro pedaços. É a primeira vez que você monta uma, então vale ver cada parte com nome:

As partes de uma função: a palavra function, o nome que você escolhe, os parênteses (onde entram as entradas, que veremos na próxima lição) e, entre chaves, o corpo, o código que roda quando a função é usada.

Agora, o ponto que mais confunde no começo, e que vale gravar: definir uma função não a executa. Escrever o bloco só ensina o JavaScript a fazer aquela tarefa; ele fica ali, guardado, esperando. Para de fato rodar o código de dentro, você precisa chamar a função, escrevendo o nome dela seguido de parênteses, (). Cada chamada roda o corpo inteiro de novo. Veja a diferença entre criar e chamar:

// Uma função é um bloco de código com nome, que você pode reusar.
function saudar() {
  console.log("Olá! Bem-vindo");
}

// Definir NÃO executa. Você precisa "chamar" a função:
saudar();
saudar(); // dá pra chamar quantas vezes quiser

Pense numa função como uma receita de bolo. Escrever a receita num papel não faz nenhum bolo aparecer na cozinha, é só a instrução guardada. O bolo só existe quando alguém segue a receita, e é isso que a chamada () faz: manda executar os passos. E, como toda boa receita, dá para segui-la quantas vezes quiser, sempre com o mesmo resultado.

// Sua vez! Crie a função bomDia e chame três vezes.

// 1) Crie aqui a função bomDia que mostra "Bom dia!":


// 2) Chame bomDia() três vezes abaixo:

Crie a função, chame três vezes e clique em Rodar.

← Voltar ao índice do curso