Aula 13 — Funções em JavaScript: organizando o código

À medida que nossos programas crescem, repetir código se torna um problema. Para resolver isso, o JavaScript oferece um recurso fundamental: as funções.

Nesta aula, vamos entender o que são funções e por que elas são essenciais para escrever código limpo e organizado.

🎯 Objetivo da aula

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

• Entender o que são funções
• Criar funções em JavaScript
• Reutilizar código de forma eficiente
• Deixar o código mais organizado

🧠 O que é uma função?

Uma função é um bloco de código reutilizável que executa uma tarefa específica.

Em vez de escrever o mesmo código várias vezes, criamos uma função e a reutilizamos sempre que necessário.

✍️ Criando uma função

A forma mais comum de criar uma função em JavaScript é usando a palavra-chave function.

 
  function saudacao() 
  { 
    console.log("Olá, seja bem-vindo!"); 
  } 

Nesse exemplo:

• function indica que estamos criando uma função
• saudacao é o nome da função
• O código dentro das chaves é executado quando a função é chamada

▶️ Chamando uma função

Criar uma função não faz nada por si só. Precisamos chamá-la para que o código seja executado.

 saudacao(); 

Ao chamar a função, o JavaScript executa o código definido dentro dela, que no caso é a impressão da frase "Olá, seja bem-vindo!".

🔁 Funções evitam repetição

Imagine precisar exibir a mesma mensagem várias vezes. Sem funções, o código ficaria repetitivo.

 
  function mostrarMensagem() 
  { 
    console.log("Aprender JavaScript é incrível!"); 
  } 
  mostrarMensagem(); 
  mostrarMensagem(); 
  mostrarMensagem(); 

A saída do código acima é:

Com funções, o código fica:

• mais curto
• mais organizado
• mais fácil de manter

🧱 Funções e organização do código

Funções ajudam a dividir o programa em partes menores, cada uma com uma responsabilidade.

Esse conceito é conhecido como organização modular.

⚠️ Erro comum de iniciantes

Um erro comum é esquecer de chamar a função depois de criá-la.

 
  function teste() 
  { 
    console.log("Isso não aparece sozinho!"); 
  } 

🧠 Boas práticas iniciais

• Dê nomes claros às funções
• Faça uma função para cada tarefa
• Evite funções muito longas
• Mantenha o código legível

▶️ Próxima aula

Na próxima aula, vamos aprender sobre parâmetros e retorno de funções, permitindo que funções recebam e devolvam informações.