8 Funções, Blocos, Procedimentos, Módulos e Parâmetros

Este capítulo organiza conceitos importantes para escrever código legível, reutilizável e escalável.

8.1 Blocos

Bloco é o trecho entre chaves {}. Ele delimita escopo.

let turma = "2A";

{
  let turma = "3A";
  console.log(`Dentro do bloco: ${turma}`);
}

console.log(`Fora do bloco: ${turma}`);

8.2 Procedimentos

Procedimento executa uma ação e normalmente não depende de retorno.

function mostrarCabecalho() {
  console.log("=== Sistema Acadêmico ===");
}

mostrarCabecalho();

Com parâmetro:

function saudarAluno(nome) {
  console.log(`Bem-vindo(a), ${nome}`);
}

saudarAluno("Marina");

8.3 Funções com retorno

function calcularMedia(n1, n2, n3) {
  return (n1 + n2 + n3) / 3;
}

console.log(calcularMedia(7, 8, 9));

8.4 Passagem de parâmetros

8.4.1 Primitivo: cópia por valor

let quantidade = 5;

function alterarNumero(n) {
  n = 99;
}

alterarNumero(quantidade);
console.log(quantidade); // 5

8.4.2 Objeto: referência compartilhada

const aluno = { nome: "Ana", nota: 8 };

function atualizarNota(dados) {
  dados.nota = 10;
}

atualizarNota(aluno);
console.log(aluno.nota); // 10

8.4.3 Evitando mutação com spread

const tarefa = { titulo: "Estudar", concluida: false };

function concluirSemMutar(item) {
  return { ...item, concluida: true };
}

const tarefaConcluida = concluirSemMutar(tarefa);
console.log(tarefa);
console.log(tarefaConcluida);

8.5 Modularização

Quando o projeto cresce, separar por arquivos ajuda muito.

8.5.1 Export nomeado

matematica.js

export function somar(a, b) {
  return a + b;
}

main.js

import { somar } from "./matematica.js";

console.log(somar(5, 7));

8.5.2 Múltiplos exports

boletim.js

export function media(a, b) {
  return (a + b) / 2;
}

export function aprovado(mediaFinal) {
  return mediaFinal >= 6;
}

app.js

import { media, aprovado } from "./boletim.js";

const m = media(7, 5);
console.log(m);
console.log(aprovado(m));

8.5.3 Export default

mensagem.js

export default function gerarMensagem(nome) {
  return `Olá, ${nome}!`;
}

principal.js

import gerarMensagem from "./mensagem.js";

console.log(gerarMensagem("Carlos"));

8.6 Estrutura sugerida para projetos pequenos

projeto/
  src/
    calculos.js
    validacoes.js
    app.js

8.7 Exemplo integrador

calculos.js

export function totalDespesas(lista) {
  return lista.reduce((acc, item) => acc + item, 0);
}

app.js

import { totalDespesas } from "./calculos.js";

const gastos = [45, 30, 20, 10];
console.log(`Total: R$ ${totalDespesas(gastos)}`);

8.8 Exercícios

Crie um módulo conversoes.js com metro para centímetro.
Crie um módulo boletim.js com funções de média e status.
Crie um export default para formatar preço em reais.
Desafio: monte um mini projeto com app.js, dados.js e calculos.js.