Como esperar as promessas de serem resolvidas em JavaScript

Como esperar as promessas de serem resolvidas em JavaScript

As promessas são recursos amplamente utilizados na linguagem de programação JavaScript. As promessas têm um papel fundamental em JavaScript para esperar até que a execução de tarefas específicas seja concluída. Ele permite ao usuário executar a próxima tarefa depois de concluir uma tarefa. Este post demonstra a promessa de esperar utilizando o resolver() Método em JavaScript. É útil para funções de retorno de chamada que executam um código de código com base nas necessidades do usuário. Além disso, pode gerenciar o controle de fluxo de eventos assíncronos, onde eventos paralelos são chamados.

Por que as promessas são necessárias em JavaScript?

JavaScript pode executar uma tarefa em um determinado momento de maneira seqüencial. No entanto, a execução do código em paralelo causa alguns problemas. Por exemplo, se um usuário definir 5 segundos para o setTimeout () Método, o JavaScript executará a próxima parte do código antes de concluir a tarefa anterior. Portanto, as promessas são obrigadas a esperar até que a tarefa atual seja executada.

Trabalho de promessas em JavaScript

Uma promessa é um objeto baseado em JavaScript que retorna um valor após concluir ou concluir uma tarefa assíncrona. A tarefa concluída refere -se à chamada de função resolve, enquanto a tarefa incompleta indica a chamada de função de rejeição. A sintaxe é fornecida aqui, considerando a promessa com a chamada de função de resolução.

Sintaxe

Promessa.resolver (valor);

A sintaxe retorna uma promessa "objeto" que resolve a passagem valor.

Diferentes estados de promessa em JavaScript

A promessa é criada utilizando o construtor. Uma promessa é um objeto que contém três formas, "realizada", “Rejeitado”, e "pendente" e são descritos abaixo:

  • realizada: refere -se à promessa que está sendo resolvida.
  • rejeitado: indica que a promessa foi rejeitada.
  • pendente: Especifique o estado inicial antes que a promessa seja rejeitada ou resolvida.

Observação: A promessa é usada principalmente para operações assíncronas. Mas os usuários podem rejeitar ou resolver a operação sincronizando.

Vamos praticar exemplos diferentes, é considerado para aguardar a promessa com diferentes períodos de tempo.

Exemplo 1: Esperando por 3 segundos

Um exemplo é seguido pela utilização da promessa de esperar 3000 milissegundos em JavaScript.

Código

console.log ('exemplo para aguardar as promessas de resolver');
const p1 = nova promessa ((resolver, rejeitar) =>
setTimeout (() =>
console.log ('primeira promessa resolvida');
, 3000);
);

Neste código:

  • Em primeiro lugar, o "Promessa" construtor é chamado por um novo palavra -chave.
  • Depois disso, retorno de chamada A setTimeout () método passando uma string “Primeira promessa resolvida” e "3000" milissegundos.
  • Portanto, a corda que passa espera 3 segundos para resolver a promessa em JavaScript.

Saída

A saída mostra que uma mensagem “Primeira promessa resolvida” é exibido após 3 segundos.

Exemplo 2: Usando as palavras -chave "assíncronas" e "aguardam" para aguardar uma promessa

Outro exemplo é considerado utilizando o assíncrono e aguardam Palavras -chave para aguardar promessas em JavaScript. O código é fornecido abaixo.

Código

console.log ('promete ser resolvido');
Info da função assíncrona ()
const promessa = nova promessa (resolve =>
resolve ('Bem -vindo ao JavaScript'));
const txt = aguardar promessa;
console.log (txt);
retornar txt;
info ()

Neste código:

  • Em primeiro lugar, função info () é empregado com o “Async” palavra -chave que retorna a promessa.
  • Depois disso, o "Promessa" construtor é chamado com um novo palavra -chave e um retorno de chamada para o “resolver()" método.
  • Uma mensagem “Bem -vindo ao JavaScript” é passado como um argumento para resolver o método.
  • O “Async” A palavra -chave é permitida com o “aguardam" palavra -chave.
  • O aguardam A palavra -chave é utilizada para esperar as promessas e armazená -las no "TXT" variável.
  • No final, o info () o método é chamado para devolver o "TXT" variável.

Saída

A saída retorna uma mensagem “Bem -vindo ao JavaScript” Empregando o método de promessa de resolução.

Exemplo 3: Aguarde 2 segundos usando palavras -chave "assíncronas" e "aguardar"

O código a seguir é transportado para aguardar as promessas de ser resolvido usando o assíncrono e aguardam palavras-chave.

console.log ('promete ser resolvido');
função assíncroa wait_tim ()
Seja P2 = aguardar promessa;
console.log (p2);

Let Promise = nova promessa (resolve =>
setTimeout (() => resolve ('javascript'), 2000);
);
espera_tim ();

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

  • Em primeiro lugar, o espera_tim () o método é definido com o “Async” palavra -chave que retorna a promessa.
  • Além disso, o aguardam A palavra -chave é empregada para esperar por uma promessa e mantê -la no "TXT" variável.
  • Depois disso, o "Promessa" construtor é chamado com um novo palavra -chave que chama de volta um resolver método.
  • Neste método, o setTimeout () O método é utilizado passando uma string “JavaScript” e "2000" milissegundos.
  • No final, o “Wait_tim ()” O método é chamado para esperar "2 segundos" Para resolver a promessa.

Saída

A saída mostra que uma mensagem “JavaScript” espera 2 segundos antes de imprimir no console.

Conclusão

JavaScript fornece a Promessa.resolver() método para aguardar promessas e devolver um objeto de promessa que é resolvido fornecendo um determinado valor. Este artigo explica o funcionamento de um objeto de promessa junto com a sintaxe. O método é útil para controlar o fluxo de eventos assíncronos, onde eventos paralelos são chamados. Além disso, vários exemplos são fornecidos para aguardar a promessa empregando o setTimeout () método.