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);
- Se evalua
event
(si no es una variable local, se usa window.event
en el navegador).
- Se llama a la función
mostrarPosMouse( )
con un argumento: el resultado del punto 1
.
- 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);
};
- El motor encuentra la palabra clave
function
, y entiende que eso es una declaración de función.
- La declaración de función devuelve una referencia a la función recién creada.
- 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 ); ); }
}
La Mozilla Developer Network, como casi siempre, tiene una excelente documentación sobre las funciones, con un apartado sobre las expresiones de función.