Descreva brevemente o conceito de "closure" em funções JavaScript.

 

Entendendo o Conceito de Closure em JavaScript

Se você já se aprofundou um pouco no mundo do JavaScript, provavelmente já ouviu falar de "closure". Mas o que exatamente isso significa? De forma simples, um closure é a capacidade de uma função interna de acessar e lembrar-se do escopo de sua função externa, mesmo após a função externa ter sido executado.

Imagine a seguinte situação: você tem uma função principal, e dentro dela, você define uma outra função. A função interna, a "filha", não só tem acesso às suas próprias variáveis, mas também tem acesso às variáveis da função "mãe", onde ela foi criada.

O conceito de closure se manifesta quando a função interna é retornada e continua a ter acesso a essas variáveis, mesmo que a função externa já tenha terminado sua execução. É como se a função interna levasse consigo uma "mochila" de variáveis do seu ambiente de criação.

Exemplo Prático:

JavaScript

function criarContador() {
  let contador = 0; // Esta é a variável que será "fechada"

  return function() {
    contador++;
    console.log(contador);
  };
}

const meuContador = criarContador();

meuContador(); // Saída: 1
meuContador(); // Saída: 2
meuContador(); // Saída: 3

Neste exemplo, a função criarContador retorna uma função anônima. Embora criarContador termine de ser executada, a função anônima que foi retornada ainda "lembra" e tem acesso à variável contador. Isso acontece porque a variável contador foi fechada (closure) no escopo da função interna.

Por que isso é útil?

O closure é um conceito fundamental em JavaScript e é a base para a criação de padrões de design importantes como o módulo e o encapsulamento de dados, permitindo a criação de funções com "memória" e garantindo que certas variáveis não possam ser acessadas ou modificadas de fora. É um mecanismo poderoso para criar código mais limpo, seguro e funcional.

Fonte:  perguntas e respostas para entrevistas de JavaScript, criado por Pratik Bandal

Fonte: Google Gemini