Desvendando as Promises e Async/Await do JavaScript

JavaScript, como uma linguagem baseada em eventos e assíncrona, demanda ferramentas eficazes para lidar com operações não bloqueantes. Promises e o padrão Async/Await do Javascript emergem como fundamentais nesse contexto, oferecendo uma abordagem mais estruturada e legível para a gestão de código assíncrono. Neste artigo, aprofundaremos nosso entendimento sobre esses conceitos e vamos finalmente desvendar essa tecnlogia!

Acesse também: Explicando os Tipos de Dados em JavaScript

1. Promises: Assincronia Estruturada

1.1 Uma Visão Detalhada das Promises

1.1.1 Construção de Promises

A criação de uma Promise envolve a utilização de um construtor que recebe duas funções de retorno de chamada: resolve e reject. O método resolve é utilizado quando a operação assíncrona é bem-sucedida, enquanto reject é acionado em caso de erro.

const minhaPromise = new Promise((resolve, reject) => {
  setTimeout(() => {
    const sucesso = true;

    if (sucesso) {
      resolve('Operação bem-sucedida');
    } else {
      reject('Erro na operação');
    }
  }, 2000);
});

Observe no código acima que se a Promise for bem sucedida ela cairá no if e será resolvida, caso contrário cairá no else e será rejeitada.

1.1.2 Encadeamento de Promises

Promises podem ser encadeadas usando o método then. Isso é particularmente útil quando há várias operações assíncronas que dependem uma da outra.

minhaPromise
  .then(resultado => {
    console.log(resultado);
    return outraPromise;
  })
  .then(outroResultado => {
    console.log(outroResultado);
  })
  .catch(erro => {
    console.error(erro);
  });

O método “then” faz com que outra lógica seja executada ao final da Promise bem sucedida, porém, apenas se caso não haja algum erro, caso contrário cairá no “catch“.

2. Async/Await: Simplificando a Assincronia

2.1 Mergulhando no Mundo do Async/Await

2.1.1 Funções Assíncronas

A palavra-chave async antes de uma função a transforma em uma função assíncrona, permitindo o uso de await para pausar a execução até que uma Promise seja resolvida.

async function minhaFuncaoAssincrona() {
  try {
    const resultado = await minhaPromise;
    console.log(resultado);
  } catch (erro) {
    console.error(erro);
  }
}

minhaFuncaoAssincrona();

Uma outra alternativa ao async await é o then que já foi comentado (Mas eu recomento muito o async await que deixa o código mais organizado)

2.1.2 Tratamento Condicional com Async/Await

O Async/Await simplifica o tratamento de Promises encadeadas, melhorando a legibilidade do código, especialmente em situações de tratamento condicional.

async function exemploTratamentoCondicional() {
  const resultado = await funcaoAssincrona();

  if (resultado) {
    console.log('Sucesso!');
  } else {
    console.error('Erro!');
  }
}

3. Estratégias Avançadas e Boas Práticas

3.1 Evitando Callback Hell de Forma Elegante

3.1.1 Utilizando Async/Await com Promises Múltiplas

Promise.all é uma ferramenta valiosa para lidar com várias Promises simultaneamente. Isso permite que você aguarde a conclusão de todas as Promises antes de prosseguir.

const promises = [promise1, promise2, promise3];
const resultados = await Promise.all(promises);

Observe que a promise2 só será executada quando a promise1 terminar, o mesmo vale para a promise3.

3.2 Tratamento de Erros Detalhado

3.2.1 Personalizando Mensagens de Erro

Ao rejeitar uma Promise, é possível fornecer mensagens de erro detalhadas, melhorando a capacidade de depuração do código.

reject(new Error('Ocorreu um erro específico nesta etapa.'));

Sempre forneça uma mensagem de erro caso a Promise seja rejeitada, dessa forma fica muito mais fácil detectar o problema e resolver.

3.3 Conclusão: Rumo a Códigos Mais Robustos

Promises e Async/Await do JavaScript desempenham papéis cruciais na construção de aplicações JavaScript robustas. Ao aprofundar seu conhecimento sobre esses conceitos e aplicar estratégias avançadas, os desenvolvedores estarão mais bem equipados para enfrentar os desafios da programação assíncrona. Ao incorporar essas práticas em seus projetos, não apenas a qualidade do código será aprimorada, mas também a experiência do usuário em aplicações web modernas será significativamente melhorada.