Introdução às Funções

O que vais aprender nesta aula:

  • O conceito de Função (Bloco de código reutilizável)
  • Como declarar uma função: function nome() { }
  • Como executar (chamar) uma função: nome()
  • Passar informações para dentro da função (Parâmetros)

🧠 Teoria (com Analogia e Contexto Real)

Até agora, o nosso código corria de cima para baixo. Mas repetir o mesmo código várias vezes é cansativo e propenso a erros. As funções resolvem isso.

📜 Analogia da Receita de Bolo

Imagina que tinhas de explicar a alguém como fazer um bolo sempre que quisessem um. Era chato, certo?

Em vez disso, escreves a Receita (Função) num papel.

  • Declarar a Função: É escrever a receita no papel e dar-lhe um nome ("Bolo de Chocolate"). Isto não faz o bolo, apenas define como se faz.
  • Chamar a Função: É gritar "Faz um Bolo de Chocolate!". A pessoa vai à receita e segue os passos.

Porque é que isto importa? As funções permitem-nos ensinar "novas palavras" ao JavaScript. Podemos criar um comando calcularImposto() e usá-lo 1000 vezes sem ter de reescrever a fórmula matemática.

💻 Prática (Orientada e Progressiva)

Vamos criar as nossas próprias ferramentas:

Exemplo 1: A Função Simples

Primeiro definimos (ensinamos), depois chamamos (usamos).

// 1. Definição (Não acontece nada aqui)
function dizerOla() {
    console.log("Olá! Bem-vindo ao curso.");
}

// 2. Chamada (Aqui o código executa)
dizerOla();
dizerOla(); // Posso chamar quantas vezes quiser!

Exemplo 2: Função com Parâmetros

E se quisermos que a função seja dinâmica? Usamos parâmetros (variáveis especiais que entram na função).

// 'nome' é um parâmetro. É como um buraco por preencher na receita.
function saudar(nome) {
    console.log("Olá, " + nome + "!");
}

saudar("Ana");   // Imprime: Olá, Ana!
saudar("Pedro"); // Imprime: Olá, Pedro!
⚠️
Erro Comum: Esquecer os parênteses () ao chamar a função.
saudar; (O computador olha para a função mas não faz nada).
saudar(); (O computador EXECUTA a função).

✅ Verificação de Conhecimento

1. Para que serve declarar uma função?

Para executar código imediatamente.
Para agrupar um bloco de código e dar-lhe um nome para usar mais tarde.
Para criar um loop infinito.

2. O que são parâmetros numa função?

São erros de código.
São o resultado final da função.
São dados que passamos para dentro da função para ela trabalhar (como ingredientes).

3. Qual a sintaxe correta para executar a função `saltar`?

saltar
function saltar
saltar()

🧩 Desafio Prático

Calculadora de Área de Retângulo

Cria uma função chamada calcularArea que receba dois números (largura e altura) e mostre a área na consola.

Requisitos:

  • Declara a função calcularArea(largura, altura).
  • Dentro dela, faz a conta (largura * altura).
  • Chama a função duas vezes com valores diferentes.
// 1. Cria a função aqui...

// 2. Chama a função com valores (ex: 5 e 10)
Mostrar Solução 
function calcularArea(largura, altura) {
    let area = largura * altura;
    console.log("A área é: " + area);
}

calcularArea(5, 10);  // 50
calcularArea(2, 3);   // 6

📌 Explicação: Criámos uma "máquina" de calcular áreas. Ela aceita quaisquer dois números que lhe dermos e faz o trabalho sujo. Isso é reutilização!

🏠