Skip to main content
se eliminó 1 carácter en el cuerpo
Origen Enlace
alanfcm
  • 20.9k
  • 11
  • 19
  • 35

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.

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 chicha "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.

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 dicha "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.

mejoras
Origen Enlace
rnrneverdies
  • 16.8k
  • 4
  • 53
  • 81

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;   
  };
} 

Aquí estas creando una clausura. La creas en el momento que declaras una función dentro otra. Y permanecerá viva mientras viva la función declarada internamente.

 
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 chicha "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.

Nota: esto no es una traducción, es una respuesta libre. 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.

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;   
  };
} 

Aquí estas creando una clausura. La creas en el momento que declaras una función dentro otra. Y permanecerá viva mientras viva la función declarada internamente.

var quintos = saltos(5);
quintos(); // retorna 5
quintos(); // retorna 10
quintos(); // retorna 15
// y asi sigue... 20, 25, 30..

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.

Nota: esto no es una traducción, es una respuesta libre.

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 chicha "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.

Origen Enlace
rnrneverdies
  • 16.8k
  • 4
  • 53
  • 81

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;   
  };
} 

Aquí estas creando una clausura. La creas en el momento que declaras una función dentro otra. Y permanecerá viva mientras viva la función declarada internamente.

var quintos = saltos(5);
quintos(); // retorna 5
quintos(); // retorna 10
quintos(); // retorna 15
// y asi sigue... 20, 25, 30..

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.

Nota: esto no es una traducción, es una respuesta libre.