Como acessar os valores de uma promessa em JS

Neste artigo você vai aprender a como acessar os valores d euma promessa em JavaScript, ou seja, o recurso conhecido como Promise

Fala programador(a), beleza? Bora aprender mais sobre promises em JavaScript!

Introdução

As promessas são um recurso importante do JavaScript para lidar com operações assíncronas, como solicitações de rede, leitura de arquivos ou temporizadores.

Elas representam um valor que pode não estar disponível no momento, mas será resolvido eventualmente.

Neste artigo, exploraremos como acessar os valores de uma promessa em JavaScript, ajudando você a criar código assíncrono mais eficiente e fácil de ler.

Entendendo Promessas

Uma promessa é um objeto JavaScript que representa o resultado de uma operação assíncrona.

Uma promessa pode estar em um dos três estados:

1. Pendente (pending): A operação assíncrona ainda está em andamento.
2. Cumprida (fulfilled): A operação assíncrona foi concluída com sucesso e o resultado está disponível.
3. Rejeitada (rejected): A operação assíncrona falhou, e um motivo de erro está disponível.

Para acessar os valores de uma promessa, é necessário lidar com esses diferentes estados e entender como eles interagem.

Acessando valores de uma promessa

Existem várias maneiras de acessar os valores de uma promessa em JavaScript, e todas elas envolvem lidar com os estados de cumprimento ou rejeição da promessa. As duas abordagens mais comuns são:

1. Usar o método then e catch
2. Usar a sintaxe async/await

Método then e catch

O método then é usado para especificar uma função que será chamada quando a promessa for cumprida.

Essa função receberá o valor resolvido da promessa como argumento.

Para lidar com erros, você pode encadear o método catch, que recebe uma função a ser chamada quando a promessa for rejeitada.

Exemplo:

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Valor resolvido');
  }, 1000);
});

promise
  .then((value) => {
    console.log('Promessa cumprida:', value);
  })
  .catch((error) => {
    console.error('Promessa rejeitada:', error);
  });

Sintaxe async/await

A sintaxe async/await foi introduzida no ECMAScript 2017 e permite escrever código assíncrono de maneira mais simplificada e fácil de ler.

Para usar essa sintaxe, você deve declarar uma função como async e, em seguida, usar a palavra-chave await antes de uma expressão de promessa.

Exemplo:

const fetchValue = async () => {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log('Dados recebidos:', data);
  } catch (error) {
    console.error('Erro ao buscar dados:', error);
  }
};

fetchValue();

Quer aprender mais sobre React? Confira o vídeo abaixo:

Conclusão

Aprender como acessar os valores de uma promessa em JavaScript é fundamental para escrever código assíncrono eficiente e fácil de entender.

Neste artigo, exploramos as duas abordagens mais comuns para acessar os valores de uma promessa: o método then e catch, e a sintaxe async/await.

Ambas as abordagens têm suas próprias vantagens e desvantagens.

O método then e catch é a abordagem mais antiga e mais amplamente suportada, mas pode levar a um código encadeado e difícil de ler quando usado com várias operações assíncronas.

Por outro lado, a sintaxe async/await oferece uma maneira mais limpa e fácil de ler o código assíncrono, tornando-o mais parecido com o código síncrono tradicional.

No entanto, é importante notar que a sintaxe async/await está disponível apenas em ambientes que suportam ECMAScript 2017 ou posterior.

Em última análise, escolher a abordagem certa para acessar os valores de uma promessa em JavaScript dependerá do seu projeto, das suas necessidades e das suas preferências pessoais como desenvolvedor.

Independentemente da abordagem escolhida, o conhecimento sobre promessas e como acessar seus valores é uma habilidade essencial para qualquer desenvolvedor JavaScript.

Está buscando em evoluir como Programador? Confira o nossos cursos clicando aqui.

Nosso principal objetivo é tornar você um dev profissional que é capaz de resolver problemas de alta dificuldade e criar projetos complexos, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.

Cursos com vários projetos, exercícios, material apoio, comunidade de alunos e muito mais!