O que são funções assíncronas/aguardam em javascript

Como todos sabemos, a natureza encadeada única do JavaScript o torna síncrono; Portanto, são necessárias funções assíncronas para executar qualquer tarefa assíncrona. As funções assíncronas nos permitem executar uma ação sem esperar que a ação anterior seja concluída. Isso significa que existe um loop de eventos que permite que você use uma tarefa (quando está solicitando alguns recursos) e passe para o próximo.

O JavaScript oferece muitos recursos que podem tornar o código assíncrono; assíncrono aguardar funções são uma delas. O Funções assíncronas/aguardadas são apenas açúcar sintático sobre os recursos já presentes no JavaScript. Eles fornecem uma maneira simples de lidar com o código assíncrono. O Funções assíncronas/aguardadas pode ser trocado com promessas no código JavaScript e o código funcionará perfeitamente bem

Cérebros humanos não foram projetados para lidar com a assincronia com eficiência. O Funções assíncronas/aguardadas Permita -nos escrever um código que pareça sincronizado, mas o executa de maneira assíncrona.

Este artigo o ajudará a aprender sobre assíncrono e aguarde funções em JavaScript.

Por que usar funções assíncronas/aguardar?

A seguir, estão as razões pelas quais Funções assíncronas/aguardadas deve ser usado no código JavaScript:

• Podemos escrever um código limpo e conciso com alguns erros usando assíncrono/aguardar. Isso aumentará a legibilidade do código aninhado e complexo.
• Ajuda Depuração. Erros podem ser tratados em um só lugar usando Try/Catch.
• O Funções assíncronas/aguardadas Tenha uma pilha de erros adequada, ao contrário da pilha ambígua recebida pela promessa, o que dificulta a descoberta de onde ocorreu o erro.

Como usar async em javascript

Assíncrono é uma palavra -chave que pode ser usada para a declaração de funções síncronas. Através de função assíncrona, Você pode ter certeza de que não quebra o tópico da execução, que pode ser escrito como o código baseado em promessa sincronizado.

Recursos da função assíncrona

• Funciona de forma assíncrona através de um loop de evento
• Sempre retorna um valor
• Ele verifica se uma promessa retorna e, se não o fizer, JavaScript o envolve automaticamente com a promessa que resolve para esse valor

Sintaxe da função assíncrona

A sintaxe do função assíncrona é o seguinte:

Nome da função assíncrona ([param1 [, param2 [,… param3]]])
declarações

Aqui, o nome representa o nome da função, os parâmetros representam o nome dos parâmetros a serem transmitidos na função, e as declarações contêm o corpo da função e uma ou mais expressões aguardadas usadas na função assíncrona.

Um exemplo simples de função assíncrona

const getData = async () =>
var dados = "Hello World";
retornar dados;

Obter dados().então (dados => console.log (dados));

Vamos dar uma olhada em outro exemplo:

função assíncrona foo ()
aguarda 1;

A função acima é equivalente à seguinte função:

function foo ()
promessa de retorno.Resolva (1).então (() => indefinido)

O exemplo acima representa que o código após cada expressão aguardar provavelmente estará no retorno de chamada i.e .então. Através das funções, a cadeia de promessas é construída automaticamente passo a passo em cada estágio de reentrada. O valor de retorno forma a última etapa da cadeia.

Como usar aguardar em javascript

O objetivo da expressão aguardar é esperar o JavaScript antes do resultado de retorno da promessa. É importante observar que isso só vai fila um bloco de função assíncrona, não a execução de todo o programa.

Características da função aguardar

• Só pode ser usado em blocos assíncronos.
• Faz com que o código aguarde a promessa de devolver um resultado.
• Somente blocos assíncronos serão mantidos esperando.

Sintaxe da função aguardar

A sintaxe da expressão aguarda é a seguinte:

[RV] = Aguarda [Expressão]

Aqui, aguarda representa qualquer valor para esperar ou prometer, o RV retorna o valor se não houver promessa, ou então retornar o valor esperado da promessa.

Um exemplo simples de expressão de espera

const getData = assíncão =>
var y = aguardar "Hello World";
console.log (y);

console.log (1);
Obter dados();
console.log (2);

JavaScript Executa o código sequencialmente.

No exemplo acima, podemos ver que o console.log (1) foi impresso primeiro como esperado. Depois disso função getData () foi chamado onde iniciamos uma variável com o nome de y e usamos a palavra -chave aguardar.

A palavra-chave aguardar fará com que o tempo de execução do JS pare ou pause o código nessa linha i-e onde escrevemos "Hello World". Não permitirá a execução de mais código até que a chamada de função assíncrona retorne o resultado. Ele enviará esta tarefa para a fila de tarefas e as próximas linhas de código começarão a ser executadas.

Na próxima linha depois de chamar a função Obter dados() Somos console registrando o 2 na janela do console. Portanto, vimos 2 antes “Olá Mundo”.

Agora depois disso quando o função de chamada assíncrona Retorna o resultado somente então o código será realizado novamente e, portanto, vemos “Olá Mundo”No final da janela do console.

Conclusão

As funções assíncronas e aguardas são uma ótima maneira de lidar com o código assíncrono em JavaScript, pois fornecem sintaxe clara e concisa. Neste post, exploramos o conceito de funções assíncronas/aguardadas em javascript. Na primeira metade do artigo, exploramos o que são as funções assíncronas/aguardas e por que devemos usá -las. Em seguida, exploramos suas características e sintaxe, juntamente com exemplos.