Aula 40 — async e await

Nas aulas anteriores, aprendemos sobre Promises e Try, Catch, Finally e vimos como elas resolvem os problemas dos callbacks, trazendo mais organização ao código assíncrono, além de evitar o travamento da execução do código.

Mas ainda assim, o uso de then e catch pode deixar o código longo e difícil de acompanhar.

Para resolver isso, o JavaScript introduziu async e await, que permitem escrever código assíncrono com cara de código síncrono.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

• Entender o que são async e await
• Escrever código assíncrono mais legível
• Substituir then e catch
• Tratar erros com try e catch
• Ler código assíncrono como se fosse síncrono

O problema que async/await resolve

Veja um exemplo usando Promises:

 
        buscarDados() .then(dados => 
        { 
          console.log(dados); return processarDados(dados); 
        }) .then(resultado => 
        { 
          console.log(resultado); 
        }) .catch(erro => 
        { 
          console.log(erro); 
        }); 

Funciona, mas a leitura não é tão natural.

Agora veja a mesma lógica usando async e await.

O que significa async?

Quando você coloca async antes de uma função, você está dizendo:

👉 “Essa função trabalha com Promises”.

Toda função async sempre retorna uma Promise, mesmo que você não perceba.

 async function exemplo() { return "Olá"; }
          exemplo().then(resposta => 
          {
            console.log(resposta);
          });

 console.log(resposta); // Saída será "Olá" 

O que significa await?

O await só pode ser usado dentro de funções async.

Ele diz ao JavaScript:

👉 “Espere essa Promise terminar antes de continuar”.

Mas atenção: isso não trava a aplicação.

Primeiro exemplo completo

 
  function buscarDados() 
  { 
    return new Promise(resolve => 
    { 
      setTimeout(() => 
      { 
        resolve("Dados carregados"); 
      }, 2000); 
    }); 
  }
  async function executar() 
  {
    const dados = await buscarDados();
    console.log(dados);
  }
  executar();

 
  console.log(dados); 
  // Saída será "Dados carregados" (após 2 segundos) 

Leia esse código como:

• Espere buscar os dados
• Depois, use o resultado

Comparando Promise vs async/await

Com then:

 buscarDados().then(dados => { console.log(dados); }); 

Com async/await:

 const dados = await buscarDados(); console.log(dados); 

Tratando erros com try/catch

Com async/await, tratamos erros usando try e catch.

 
    function falhar() 
    { 
      return Promise.reject("Erro ao carregar dados"); 
    }
    async function executar() 
    {
      try {
        const resultado = await falhar();
        console.log(resultado);
      } 
      catch (erro)
      {
        console.log(erro);
      }
    }
    executar();

 
  console.log(erro); 
  // Saída será "Erro ao carregar dados" 

Código assíncrono que parece síncrono

Esse é o grande poder do async/await:

• Fluxo mais claro
• Menos indentação
• Leitura natural
• Mais fácil de debugar

Na próxima aula, vamos entender o que é uma API.