¿Para qué sirve usar un cierre en JavaScript?

El cierre (closure) en JavaScript es una función que «recuerda» el entorno en el que fue creada, incluyendo el acceso a variables del ámbito externo, incluso si esa función externa ya ha finalizado.

¿Para qué sirve esto?

• Guardar el estado entre llamadas a funciones.
• Encapsulación de datos, creación de variables privadas.
• Implementación de funciones con parámetros predeterminados o aplicación parcial.
• En los hooks de React, los cierres ayudan a mantener el acceso al estado y a las props dentro de las funciones.

Ejemplo:

function makeCounter() {
  let count = 0;
  return function() {
    count += 1;
    return count;
  };
}

const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2

Aquí, la función interna mantiene el acceso a la variable count de la función externa, incluso después de que makeCounter haya finalizado.