Función de retardo de Javascript
Por ejemplo, digamos que tienes un trozo de código que necesita hacer una petición Ajax. No quieres que el resto de tu código continúe ejecutándose hasta que la petición Ajax se complete, porque de lo contrario, podrías terminar con algunos resultados impredecibles.
Para usar setTimeout, primero necesitas crear una función que contenga el código que quieres ejecutar. Esta función puede tomar uno o más argumentos, pero el primer argumento debe ser el código a ejecutar, y el segundo argumento debe ser la cantidad de tiempo a esperar antes de ejecutar el código (en milisegundos).
El método setTimeout es una gran manera de asegurar que tu código se ejecuta en el momento preciso que quieres. Sin embargo, hay ocasiones en las que puedes necesitar cancelar un método setTimeout antes de que haya terminado de ejecutarse.
Para ello, primero llame a la función clearTimeout() con el id del timeout que desea cancelar como argumento. Esto detendrá inmediatamente la ejecución del tiempo de espera cuyo id fue pasado. A continuación, si lo desea, ejecute cualquier código adicional necesario para cuando se cancele un tiempo de espera.
Settimeout(función con parámetros)
Eso no funciona, porque setTimeout espera una referencia a una función. Y aquí sayHi() ejecuta la función, y el resultado de su ejecución se pasa a setTimeout. En nuestro caso el resultado de sayHi() es indefinido (la función no devuelve nada), por lo que no se programa nada.
Como podemos ver en la salida de la alerta, en un navegador el identificador del temporizador es un número. En otros entornos, puede ser otra cosa. Por ejemplo, Node.js devuelve un objeto temporizador con métodos adicionales.
Así que si ejecutas el código anterior y no descartas la ventana de alerta durante algún tiempo, la siguiente alerta se mostrará inmediatamente al hacerlo. El intervalo real entre alertas será inferior a 2 segundos.
Por ejemplo, necesitamos escribir un servicio que envíe una petición al servidor cada 5 segundos pidiendo datos, pero en caso de que el servidor esté sobrecargado, debería aumentar el intervalo a 10, 20, 40 segundos…
Cuando se pasa una función en setInterval/setTimeout, se crea una referencia interna a ella y se guarda en el planificador. Esto evita que la función sea recolectada por la basura, incluso si no hay otras referencias a ella.
Ejemplo de settimeout en Javascript
Bien, cuando se ejecuta el código en el navegador, el ámbito se referiría al objeto ventana global. Tanto setTimeout como window.setTimeout hacen referencia a la misma función, con la única diferencia de que en la segunda declaración estamos haciendo referencia al método setTimeout como una propiedad del objeto ventana.
En mi opinión, esto añade complejidad para poco o ningún beneficio. Si has definido un método setTimeout alternativo que sería encontrado y devuelto con prioridad en la cadena de alcance, entonces probablemente tengas problemas mayores de los que preocuparte.
En el siguiente ejemplo, seleccionamos un animal al azar de un array de animales y pasamos este animal al azar como parámetro a una función makeTalk. La función makeTalk es entonces ejecutada por setTimeout con un retraso de un segundo:
Muchas bibliotecas vienen con funciones incorporadas para resolver este problema. Por ejemplo, el método jQuery.proxy() de jQuery. Esto toma una función y devuelve una nueva que siempre tendrá un contexto particular. En nuestro caso, eso sería:
Puedes, por supuesto, utilizarlas con setTimeout, pero hay que tener en cuenta un inconveniente: las funciones de flecha no tienen su propio valor this. En su lugar, utilizan el valor this del contexto léxico que las rodea.
Settimeout jquery
También tenga en cuenta que si el valor no es un número, la coerción de tipo implícita se realiza silenciosamente en el valor para convertirlo en un número – lo que puede llevar a resultados inesperados y sorprendentes; vea Los valores de retardo no numéricos son coercionados silenciosamente en números para un ejemplo.
Los valores de retardo no numéricos se convierten silenciosamente en númerosSi setTimeout() se llama con un valor de retardo que no es un número, la coerción implícita del tipo se realiza silenciosamente en el valor para convertirlo en un número. Por ejemplo, el siguiente código utiliza incorrectamente la cadena “1000” para el valor de retardo, en lugar del número 1000 – pero sin embargo funciona, porque cuando el código se ejecuta, la cadena es coercionada en el número 1000, y así el código se ejecuta 1 segundo después.
Pero en muchos casos, la coerción implícita de tipos puede llevar a resultados inesperados y sorprendentes. Por ejemplo, cuando el siguiente código se ejecuta, la cadena “1 segundo” se convierte en el número 0 – y por lo tanto, el código se ejecuta inmediatamente, con cero retraso.
Una cadena pasada a setTimeout() se evalúa en el contexto global, por lo que los símbolos locales en el contexto donde se llamó a setTimeout() no estarán disponibles cuando la cadena se evalúe como código.Razones para retrasos mayores a los especificados
