Aula 79 — Imutabilidade

Até aqui, aprendemos a controlar tempo (assincronicidade) e estado (closures).

Agora vamos aprender a controlar algo ainda mais sutil:

a mudança de dados.

🎯 Objetivo da aula

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

• Entender o que é imutabilidade
• Saber por que mutação causa bugs difíceis
• Trabalhar com dados sem alterá-los
• Reconhecer padrões imutáveis no JavaScript moderno
• Escrever código mais previsível

O que é imutabilidade?

Imutabilidade significa:

não alterar um dado existente — criar um novo.

Ou seja:

• Você não muda o original
• Você cria uma nova versão

Mutação: o problema silencioso

Veja este exemplo:

 
  const usuario = 
  { 
    nome: "Daniel", idade: 30 
  };
  function fazerAniversario(pessoa) 
  {
    pessoa.idade++;
  }
  fazerAniversario(usuario);
  console.log(usuario.idade); // Saída será 31

O problema aqui não é o resultado.

O problema é:

• Quem mudou o objeto?
• Quando mudou?
• Quem mais depende dele?

Imutabilidade elimina esse problema

Agora a versão imutável:

 
  const usuario = { nome: "Daniel", idade: 30 };
  function fazerAniversario(pessoa) 
  {
    return 
    {
      ...pessoa,
      idade: pessoa.idade + 1
    };
  }
const usuarioAtualizado = fazerAniversario(usuario);
console.log(usuario.idade); // Saída será 30
console.log(usuarioAtualizado.idade); // Saída será 31

Agora:

• O original permanece intacto
• A mudança é explícita
• O fluxo é previsível

Imutabilidade não é “modinha”

Ela resolve problemas reais:

• Debug mais fácil
• Menos bugs imprevisíveis
• Fluxo de dados claro
• Facilidade de testes

• React
• Redux
• Vue (em vários pontos)
• Zustand

Arrays e mutação (armadilha comum)

Esses métodos MUTAM o array:

• push
• pop
• splice
• sort

Alternativa imutável

 
  const numeros = [1, 2, 3];
  const novosNumeros = [...numeros, 4];
  console.log(numeros); // Saída: [1, 2, 3]
  console.log(novosNumeros); // Saída: [1, 2, 3, 4]

Map, filter e reduce já são imutáveis

Você já usa imutabilidade sem perceber:

 const pares = numeros.filter(n => n % 2 === 0); 

• O array original não muda
• Um novo array é criado

Imutabilidade + Closures = poder

Closures guardam estado.

Imutabilidade garante que esse estado:

• não seja corrompido
• não seja alterado inesperadamente

Custo da imutabilidade (honestidade)

Imutabilidade:

• cria novos objetos
• usa mais memória

Mas:

• o ganho em previsibilidade compensa
• otimizações modernas minimizam isso

Na próxima aula, vamos dar o próximo passo funcional: Currying.