Aula 78 — Closures Avançados

Você já aprendeu o que são closures no JavaScript: funções que “lembram” do escopo onde foram criadas.

Agora chegou a hora de ir além do conceito básico e entender:

por que closures são usadas em código profissional e arquiteturas reais.

🎯 Objetivo da aula

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

• Entender closures como mecanismo de estado
• Usar closures para encapsulamento
• Evitar armadilhas comuns
• Reconhecer closures em bibliotecas reais
• Usar closures de forma intencional

Relembrando o básico (rapidamente)

Uma closure acontece quando:

• Uma função é criada dentro de outra
• A função interna acessa variáveis externas
• Essas variáveis continuam acessíveis após a execução

 
  function externa() 
  { 
    let mensagem = "Olá";
    function interna() 
    {
      console.log(mensagem);
    }
    return interna;
  }
  const fn = externa();
  fn(); // Saída será: Olá

Closure ≠ truque

Closure não é um “efeito colateral”.

Ela é uma consequência direta de como:

• Escopos funcionam
• Funções são valores
• O Call Stack libera contextos

Caso 1 — Closure como estado privado

Closures permitem criar estado sem usar variáveis globais.

 
  function criarContador() 
  { 
    let contador = 0;
    return function () 
    {
      contador++;
      return contador;
    };
  }
  const contar = criarContador();
  console.log(contar()); // Saída será 1
  console.log(contar()); // Saída será 2
  console.log(contar()); // Saída será 3

Aqui:

• contador é privado
• Só a função interna pode acessá-lo
• O valor é preservado entre chamadas

Por que isso é poderoso?

Porque você consegue:

• Encapsular estado
• Evitar poluição global
• Controlar acesso aos dados

Caso 2 — Closure para configuração

Muito comum em código real:

 
  function criarSaudacao(prefixo) 
  { 
    return function (nome) 
    { 
      console.log(prefixo + ", " + nome); 
    }; 
  }
  const ola = criarSaudacao("Olá");
  const bomDia = criarSaudacao("Bom dia");
  ola("Daniel"); // Saída será: Olá, Daniel
  bomDia("Daniel"); // Saída será: Bom dia, Daniel

A função interna “lembra” do prefixo.

Caso 3 — Closure em loops (armadilha clássica)

Observe este código:

 for (var i = 1; i <= 3; i++) { setTimeout(() => { console.log(i); }, 100); } 

 console.log(i); // Saída será: // 4 // 4 // 4 

Por quê?

• var não tem escopo de bloco
• A closure captura a variável, não o valor

Correção com let

 for (let i = 1; i <= 3; i++) { setTimeout(() => { console.log(i); }, 100); } 

 console.log(i); // Saída será: // 1 // 2 // 3 

Caso 4 — Closure como fábrica de funções

Closures são muito usadas para criar funções especializadas.

 
  function multiplicador(fator) 
  { 
    return function (numero) 
    { 
      return numero * fator; 
    }; 
  }
  const dobrar = multiplicador(2);
  const triplicar = multiplicador(3);
  console.log(dobrar(5)); // Saída será 10
  console.log(triplicar(5)); // Saída será 15

Closures em bibliotecas reais

Você usa closures o tempo todo sem perceber:

• Event listeners
• Hooks (React)
• Middlewares
• Factories

Quando tomar cuidado

• Closures podem manter dados vivos na memória
• Uso excessivo pode dificultar debug
• Use quando há real necessidade de estado persistente

Na próxima aula, vamos para outro pilar do JavaScript moderno: Imutabilidade.