Skip to main content
1 de 3
Trauma
  • 26.9k
  • 5
  • 42
  • 68

###Que tiene la función anónima que hace posible el correcto funcionamiento?

Una cosa muy sencilla: una función anónima es, en si misma, una expresión.

Clarificamos un poco:

variable = expresión

Esa sentencia asigna a la variable variable el resultado de evaluar la expresión.

Eso hace posible, por ejemplo, que esto funcione:

var x = ( 5 * 2 + 10 );

El motor de Javascript primero evalúa lo situado a la derecha del operador =, y es el resultado de esa evaluación lo que se asinga a variable.

Ahora, veamos el resultado de evaluar una función:

function algo( ) { }
var variable = algo( );

Fíjemos en los paréntesis ( y ). Eso es la marca distintiva de una llamada a función. Al encontrarse con nombre_de_variable ( , el lenguaje entiende que eso es una expresión, cuyo resultado final es el valor retornado por la llamada a la función nombre_de_variable.

Por lo tanto, en tu ejemplo:

body.onmousemove = mostrarPosMouse(event);
  1. Se evalua event (si no es una variable local, se usa window.event en el navegador).
  2. Se llama a la función mostrarPosMouse( ) con un argumento: el resultado del punto 1.
  3. A body.onmousemove se le asigna el valor retornado en el punto 2.

Si como expresión usas una funcionan anónima, las cosas transcurren de manera similar ... pero no idéntica:

body.onmousemove = function (event) {
  mostrarPosMouse(event);
};
  1. El motor encuentra la palabra clave function, y entiende que eso es una declaración de función.
  2. La declaración de función devuelve una referencia a la función recién creada.
  3. La referencia obtenida en 2 es usada como valor a asignar.

Podríamos decir que

function (event) {
  mostrarPosMouse(event);
};

es, en cierto modo, igual que si hicieramos

{
  return ( function( event ) { mostrarPosMouse( event ); ); }
}
Trauma
  • 26.9k
  • 5
  • 42
  • 68