Me encuentro actualmente mirando un tutorial de Javascript, el cual tiene una línea de código que no comprendo del todo.
El siguiente código es para que después de 3 segundos el navegador, suelte un alert
con el mensaje correspondiente.
function muestraMensaje() {
alert("Han transcurrido 3 segundos desde que me programaron");
}
setTimeout(muestraMensaje, 3000); //llama a la función sin paréntesis
Realicé el mismo código sin volver a mirarlo y funcionaba incorrectamente, ya que no esperaba los 3 segundos y al momento de cargar la página otra vez de inmediato mostraba el mensaje.
Mirando mi código, me di cuenta que a diferencia del turorial, yo estaba llamando a la función con paréntesis:
setTimeout(muestraMensaje(), 3000);
Y al momento de retirarlos y poner el código como está en el tutorial, funciona correctamente, espera los segundos correspondientes y después muestra el mensaje.
¿Por qué con paréntesis, realiza lo solicitado de inmediato y no espera los 3 segundos, como lo hace cuando saco los paréntesis?
EDIT: Si bien en el tutorial, expresa lo siguiente:
Como es habitual, cuando se indica la referencia a la función no se incluyen los paréntesis, ya que de otro modo, se ejecuta la función en el mismo instante en que se establece el intervalo de ejecución.
Quisiera saber de todos modos por qué sucede eso. Ya que si fuera una función que recibiera parámetros funcionaría incorrectamente.