Cómo esperar a que una función finalice en JavaScript

Cómo esperar a que una función finalice en JavaScript

JavaScript es de naturaleza asíncrona y no espera la ejecución del código. Por lo tanto, es una tarea difícil esperar un código antes de ejecutar otra pieza. De esta manera, los usuarios priorizan las funciones especificadas que se ejecutan primero, mientras que otros están en la cola de espera. Esta publicación demuestra las diversas posibilidades para esperar a que termine una función. El contenido de esta publicación es el siguiente:

  • Cómo esperar a que una función finalice en JavaScript
  • Uso de una función de devolución de llamada con setTimeOut () para esperar a que finalice una función
  • Usando la palabra clave esperada y setTimeOut () para esperar a que finalice una función

Cómo esperar a que una función finalice en JavaScript?

Por defecto, la ejecución del código JavaScript es asíncrono. Representa que JavaScript no espera a que se complete una función antes de comenzar en las otras partes del código. Se emplea una función de devolución de llamada para ejecutar el código de tal manera que el usuario espera a que finalice una función antes de la ejecución del siguiente código.

Las palabras clave async/espera se utilizan en el entorno asíncrono para esperar a que una función realice una mayor ejecución. El objetivo de estas palabras clave es suspender la operación en una función async dando comandos del objeto de promesa para ejecutar o no.

Método 1: Uso de una función de devolución de llamada con setTimeOut () para esperar a que finalice una función

Una función de devolución de llamada se adapta con el setTimeout () método para esperar una función antes de continuar con la ejecución adicional. Practiquemos a través del siguiente código de ejemplo:

Código

consola.registrar ("un ejemplo para usar setTimeOut");
función primero ()
consola.log ("primera llamada");

función segundo ()
consola.log ("2da llamada");

función tercero ()
consola.log ("tercera llamada");

setTimeOut (function ()
primero();
, 3000);
segundo();
tercero();

La descripción del código es la siguiente:

  • El "primero()", "segundo()" y "tercero()"Los métodos se utilizan para mostrar cierta información empleando el"registro()" método.
  • Ahora el "setTimeout ()"El método se emplea llamando a una función"primero()" y "3000" milisegundos
  • Después de eso, el "segundo()" y "tercero()Los métodos están llamados a ejecutar las piezas de código presentes en estos métodos.

Producción

La salida devuelve el código ejecutable de tal manera que el "segundo()" y "tercero()"Los métodos se ejecutan después de la ejecución completa del"primero()" método.

Método 2: Uso de la palabra clave de espera y setTimeOut () para esperar a que finalice una función

Otro método se practica utilizando la palabra clave esperada y el método setTimeout () para esperar a que una función finalice en JavaScript. El método funciona con un objeto de promesa para cumplir con la operación. El código de ejemplo se proporciona a continuación:

Código

consola.log ("un ejemplo para usar la palabra clave async/esperanza");
ASYNC FUNTY FUN ()
consola.Log ("Bienvenido a JavaScript");
espera async ();
consola.Log ("Bienvenido a Linuxhint");

función async ()
Devuelve New Promise ((res) =>
setTimeOut (() =>
res ();, 3000););

Divertido();

La descripción del código se proporciona a continuación:

  • Una función "Divertido()"Se utiliza con el"asíncrataPalabra clave.
  • En esta función, el "Async ()"El método se emplea con el"esperarPalabra clave para esperar una función.
  • En el "Async ()"Método, un método de devolución de llamada"res ()"Se usa con el"setTimeout ()"Método pasando"3000 milisegundos (3 segundos)".

Producción

Se observa en la salida que el mensaje "Bienvenido a JavaScript" se muestra primero y luego se encuentra una espera de 3 segundos. Después de eso, continúa la ejecución adicional, que contiene el mensaje "Bienvenido a Linuxhint".

Conclusión

JavaScript proporciona un setTimeout () Método que puede funcionar con la función de devolución de llamada y la palabra clave de espera para esperar a que finalice una función. El objetivo de emplear estos métodos es ejecutar un código después de esperar un tiempo específico. La palabra clave de espera se utiliza con un objeto de promesa que rechaza o resuelve la solicitud. Recuerde, ambos métodos están integrados con el setTimeout () método. Esta publicación ha demostrado los posibles métodos para esperar a que una función se complete en JavaScript.