Como esperar que uma função termine em JavaScript

JavaScript é de natureza assíncrona e não espera pela execução do código. Portanto, é uma tarefa desafiadora esperar por um pedaço de código antes de executar outra peça. Dessa forma, os usuários priorizam as funções especificadas que executam primeiro, enquanto outros estão na fila de espera. Este post demonstra as várias possibilidades de esperar que uma função termine. O conteúdo deste post é o seguinte:

• Como esperar que uma função termine em JavaScript
• Usando uma função de retorno de chamada com setTimeout () para aguardar uma função terminar
• Usando a palavra -chave aguarda e settimeout () para aguardar uma função terminar

Como esperar que uma função termine em JavaScript?

Por padrão, a execução do código JavaScript é assíncrona. Representa que o JavaScript não espera que uma função seja concluída antes de iniciar as outras partes do código. Uma função de retorno de chamada é empregada para executar o código de tal maneira que o usuário aguarda que uma função termine antes da execução da próxima peça de código.

As palavras -chave assíncronas/aguardistas são usadas no ambiente assíncrono para aguardar uma função para executar mais execução. O objetivo dessas palavras -chave é suspender a operação em uma função assíncrona, dando aos comandos do objeto de promessa para executar ou não.

Método 1: Usando uma função de retorno de chamada com setTimeout () para aguardar uma função terminar

Uma função de retorno de chamada é adaptada com o setTimeout () Método para aguardar uma função antes de prosseguir com a execução adicional. Vamos praticar através do código de exemplo a seguir:

Código

console.log ("Um exemplo para usar o setTimeout");
função primeiro ()
console.log ("1ª chamada");

função segundo ()
console.log ("2ª chamada");

função terceira ()
console.log ("3ª chamada");

setTimeout (function ()
primeiro();
, 3000);
segundo();
terceiro();

A descrição do código é a seguinte:

• O "primeiro()”, ““segundo()" e "terceiro()”Os métodos são utilizados para exibir algumas informações empregando o“registro()”Método.
• Agora o "setTimeout ()”O método é empregado chamando uma função“primeiro()" e "3000" milissegundos
• Depois disso, o “segundo()" e "terceiro()”Os métodos são chamados para executar as peças de código presentes nesses métodos.

Saída

A saída retorna o código executável de forma que o “segundo()" e "terceiro()”Os métodos são executados após a execução completa do“primeiro()”Método.

Método 2: Usando a palavra -chave aguarda e settimeout () para aguardar uma função terminar

Outro método é praticado utilizando o método Week -Keyword e Settimeout () para esperar que uma função termine em JavaScript. O método funciona com um objeto de promessa para cumprir a operação. O código de exemplo é fornecido abaixo:

Código

console.log ("Um exemplo para usar a palavra -chave assíncrona/aguardar");
Função assíncreada FUN ()
console.log ("Bem -vindo ao JavaScript");
aguarda async ();
console.log ("Bem -vindo ao linuxhint");

função async ()
retornar nova promessa ((res) =>
setTimeout (() =>
res ();, 3000););

Diversão();

A descrição do código é dada abaixo:

• Uma função "Diversão()”É utilizado com o“assíncronoPalavra -chave.
• Nesta função, o “Async ()”O método é empregado com o“aguardamPalavra -chave para esperar por uma função.
• No "Async ()”Método, um método de retorno de chamada“res ()"É usado com o"setTimeout ()”Método passando“3000 milissegundos (3 segundos)”.

Saída

É observado na saída que a mensagem “Bem -vindo ao JavaScript” é exibido primeiro e depois uma espera de 3 segundos é encontrada. Depois disso, a execução adicional continua, contendo a mensagem “Bem -vindo ao Linuxhint”.

Conclusão

JavaScript fornece a setTimeout () Método que pode funcionar com a função de retorno de chamada e a palavra -chave aguardar para esperar que uma função termine. O objetivo de empregar esses métodos é executar um pedaço de código depois de esperar por um horário específico. A palavra -chave aguardar é utilizada com um objeto de promessa que rejeita ou resolve a solicitação. Lembre -se, ambos os métodos são integrados ao setTimeout () método. Este post demonstrou os métodos possíveis para esperar que uma função seja concluída em JavaScript.