Aula 38 — Promises

Na aula anterior, aprendemos sobre Callbacks e vimos que eles resolvem o problema da assincronicidade, mas podem deixar o código difícil de ler e manter quando se acumulam.

Para resolver isso, o JavaScript introduziu um conceito mais organizado e poderoso: as Promises.

🎯 Objetivo da aula

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

• Entender o que é uma Promise
• Compreender os estados de uma Promise
• Criar e consumir Promises
• Usar then e catch
• Evitar o Callback Hell

O que é uma Promise?

Uma Promise representa um valor que ainda não existe, mas que estará disponível no futuro.

Ela é uma promessa de que algo vai acontecer — ou dar certo, ou dar errado.

É como pedir algo em um restaurante:

• Você faz o pedido
• A cozinha prepara
• Você recebe o prato ou um aviso de problema

Os estados de uma Promise

Uma Promise pode estar em três estados:

• pending → em andamento
• fulfilled → resolvida com sucesso
• rejected → rejeitada com erro

Uma vez resolvida ou rejeitada, ela não muda mais.

Criando uma Promise

Uma Promise é criada usando o construtor Promise, que recebe uma função com dois parâmetros:

• resolve → quando tudo dá certo
• reject → quando algo dá errado

 
  const promessa = new Promise((resolve, reject) => 
  { 
    const sucesso = true;
    if (sucesso) 
      {
        resolve("Operação concluída com sucesso");
      } else 
      {
        reject("Algo deu errado");
      }
  });

Consumindo uma Promise

Para usar o valor de uma Promise, utilizamos then e catch.

 
  promessa .then(resultado => 
  { 
    console.log(resultado); 
  }) .catch(erro => 
  { 
    console.log(erro); 
  }); 

 
    console.log(resultado); 
    // Saída será "Operação concluída com sucesso" 

Promise com atraso (exemplo real)

Vamos simular uma tarefa que demora, usando setTimeout.

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

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

Encadeando Promises

Uma das grandes vantagens das Promises é poder encadeá-las:

 
    buscarDados() .then(dados => 
    { 
      console.log(dados); return "Processando dados"; 
    }) .then(mensagem => 
    { 
      console.log(mensagem); 
    }); 

 
      console.log(dados); 
      // Saída será "Dados carregados" 
      console.log(mensagem); 
      // Saída será "Processando dados" 

Tratando erros com catch

Se qualquer erro acontecer no encadeamento, o catch é chamado:

 
        Promise.reject("Erro inesperado") .then(() => 
        { 
          console.log("Isso não será executado"); 
        }) .catch(erro => 
        { 
          console.log(erro); 
        }); 

 
          console.log(erro); 
          // Saída será "Erro inesperado" 

Por que Promises são melhores que callbacks?

• Código mais legível
• Menos indentação
• Tratamento de erro centralizado
• Fluxo mais previsível

Na próxima aula, vamos aprender a forma mais moderna e legível de trabalhar com Promises: async e await.