Aula 28 — Closures na prática

Nas últimas aulas, aprendemos recursos modernos do JavaScript, como Arrow Functions, parâmetros default e Rest Parameters, que tornam nossas funções mais flexíveis e elegantes.

Agora chegou a hora de entender um dos conceitos mais importantes — e inicialmente mais misteriosos — do JavaScript: as Closures.

🎯 Objetivo da aula

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

• Entender o que é uma Closure
• Ver Closures funcionando na prática
• Compreender como funções “lembram” do seu contexto
• Usar Closures para proteger dados
• Reconhecer situações reais onde Closures são usadas

O conceito por trás das Closures

Em JavaScript, funções podem ser criadas dentro de outras funções. Quando isso acontece, a função interna mantém acesso às variáveis da função externa, mesmo depois que a função externa já terminou de executar.

Esse comportamento é chamado de Closure.

Um primeiro exemplo simples

 
        function externa() 
        { 
          let mensagem = "Olá, mundo!";
          function interna() {
            console.log(mensagem);
          }
          interna();
        }
        externa();

Aqui, a função interna consegue acessar a variável mensagem, mesmo ela estando fora do seu próprio escopo.

Closure acontecendo de verdade

Agora vamos a um exemplo onde a Closure fica mais clara. A função externa retorna a função interna:

 
  function criarSaudacao(nome) 
  { 
    return function () 
    { 
      console.log("Olá, " + nome); 
    }; 
  }
  const saudacaoDaniel = criarSaudacao("Daniel");
  saudacaoDaniel();

Mesmo depois de criarSaudacao ter terminado sua execução, a função retornada ainda lembra do valor de nome.

Visualizando o retorno

 
  const saudacaoMaria = criarSaudacao("Maria"); 
  saudacaoMaria(); 
  // Saída será "Olá, Maria" 

Closures para proteger dados

Closures são muito usadas para criar variáveis “privadas”, que não podem ser acessadas diretamente de fora.

 
    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

A variável contador não pode ser acessada diretamente. Ela só existe dentro da Closure criada pela função.

Por que Closures são tão importantes?

• Permitem criar dados privados
• Ajudam a manter o código organizado
• São muito usadas em eventos, callbacks e módulos
• Fazem parte do funcionamento interno do JavaScript

Quando NÃO usar closure:

• Se você só precisa de um valor momentâneo
• Se o dado não precisa sobreviver
• Se não há função interna usando aquele valor

Na próxima aula, vamos aplicar Closures em situações reais, como eventos e módulos simples.