Las clausuras no son difíciles de entender.
Supone el siguiente código, el ejemplo mas simple que se me ocurre.
function saltos(valor) {
var acumulado = 0;
return function() {
acumulado += valor;
return acumulado;
};
}
var quintos = saltos(5);
quintos(); // retorna 5
quintos(); // retorna 10
quintos(); // retorna 15
// y asi sigue... 20, 25, 30..
Aquí estas creando una clausura. La creas en el momento que declaras una función dentro otra que usa variables de la funcion externa. Son las variables acumulado
y valor
las que quedan clausuradas en la funcion quintos
. Y chichadicha "clausura" permanecerá asi mientras viva la función declarada internamente.
Para eliminar la clausura, basta con eliminar la referencia a la nueva funcion.
quintos = null;
En definitiva, incluso después de que termina la ejecución de saltos(5)
, JavaScript mantiene una referencia a las variables declaradas en saltos
(acumulado y valor), visibles para la función creada en el interior.
Si te interesa conocer los detalles internos de como JavaScript mantiene estas referencias, hay algunas buenas respuestas que incluyen muchos detalles internos. Mi intencion fue responder la pregunta original, explicar clausuras usando terminos sencillos como variable y funcion.