Promises e Observables: Entendendo as Diferenças

Neste artigo você aprenderá a diferença entre Promises e Observables, recursos muito interessantes que temos no Angular

Fala programador(a), beleza? Bora aprender mais sobre Angular!

No desenvolvimento web moderno, lidar com operações assíncronas é uma necessidade.

Enquanto navegamos pela vasta paisagem de ferramentas disponíveis, duas abordagens ganham destaque quando se trata de lidar com operações assíncronas: Promises e Observables.

Ambos são ferramentas poderosas, mas vêm com suas peculiaridades e características distintas.

Neste artigo, exploraremos as diferenças entre Promises e Observables para ajudá-lo a entender qual ferramenta é mais adequada para suas necessidades.

Promises: Uma Abordagem Básica para Operações Assíncronas

O que é uma Promise?

Uma Promise é um objeto que representa a eventual conclusão (ou falha) de uma operação assíncrona e seu valor resultante. Ela possui três estados:

1. Pendente: Estado inicial, não foi realizada nem rejeitada.
2. Realizada: Significa que a operação foi concluída com sucesso.
3. Rejeitada: A operação falhou.

Como funciona?

Promises são invocadas uma vez e retornam um único valor. Depois que uma promise é resolvida ou rejeitada, ela não pode ser reutilizada.

const minhaPromise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise realizada!');
  }, 1000);
});

minhaPromise.then(valor => {
  console.log(valor); // "Promise realizada!"
});

Observables: Fluxos de Dados para Aplicações Reativas

O que é um Observable?

Observable é uma abordagem mais avançada e flexível para gerenciar sequências assíncronas.

Fornecido pela biblioteca RxJS, um Observable representa uma sequência de valores ao longo do tempo.

Como funciona?

Diferentemente das promises que retornam um único valor, os observables emitem múltiplos valores ao longo do tempo.

Além disso, observables são “preguiçosos”, o que significa que não são invocados até que alguém se “inscreva” neles.

import { Observable } from 'rxjs';

const meuObservable = new Observable(subscriber => {
  let contador = 0;
  const intervalId = setInterval(() => {
    subscriber.next(contador++);
    if (contador > 2) {
      clearInterval(intervalId);
      subscriber.complete();
    }
  }, 1000);
});

meuObservable.subscribe({
  next(valor) { console.log(valor); },
  complete() { console.log('Observable completo!'); }
});

Diferenças-chave entre Promises e Observables

• Múltiplos Valores vs. Valor Único: Como mencionado anteriormente, Promises retornam um único valor, enquanto Observables podem retornar uma sequência de valores.
• Preguiçoso vs. Imediato: Observables são preguiçosos, o que significa que não são invocados até que alguém se inscreva neles. Por outro lado, uma Promise inicia sua operação assíncrona imediatamente após sua criação.
• Operadores: Observables vêm com uma vasta gama de operadores que permitem operações como mapeamento, filtragem, transformação e muito mais. Promises são mais limitadas neste aspecto.
• Cancelamento: Uma das vantagens mais significativas dos Observables é a capacidade de cancelar subscrições, o que efetivamente cancela a operação assíncrona subjacente. Promises não oferecem uma maneira direta de cancelar a operação uma vez iniciada.

Quer aprender mais sobre programação? Conheça nosso canal no YouTube:

Conclusão

Tanto Promises quanto Observables têm seu lugar no ecossistema JavaScript e oferecem abordagens únicas para lidar com operações assíncronas.

Enquanto Promises são mais simples e diretas, Observables oferecem uma maior flexibilidade e um conjunto mais amplo de ferramentas para gerenciar sequências assíncronas.

A escolha entre usar um ou outro muitas vezes depende das necessidades específicas do seu projeto e de suas preferências pessoais como desenvolvedor.

Está buscando evoluir como Programador? Confira o nossos cursos de programação.