Skip to content
On this page

Un Observable, c'est quoi ?

RxJS est une bibliothèque JavaScript pour la programmation asynchrone basée sur les "observables". Un observable est un objet qui permet de produire des séquences de valeurs au fil du temps. Ces valeurs peuvent être des nombres, des chaînes de caractères, des objets, etc.

L'un des avantages des observables est qu'ils permettent de gérer de manière simple les données qui arrivent en flux continu, comme par exemple les données provenant d'un flux de données en direct ou d'un clic de souris répété. Les observables vous permettent de décrire comment gérer ces données au fur et à mesure qu'elles arrivent, plutôt que d'avoir à écrire du code pour gérer chaque valeur individuellement.

Pour utiliser des observables, vous devez d'abord créer un observable en utilisant l'un des constructeurs disponibles dans RxJS. Ensuite, vous pouvez souscrire à l'observable en utilisant la méthode subscribe(). Cela vous permet de spécifier une fonction à exécuter chaque fois qu'une valeur est produite par l'observable.

Voici un exemple simple d'observable qui produit les nombres de 1 à 5 avec un délai d'une seconde entre chaque nombre :

js
import { interval, take } from 'rxjs'

const numbers = interval(1000).pipe(
    take(5)
);

numbers.subscribe(x => console.log(x));

Dans cet exemple, l'observable numbers produira les nombres de 1 à 5 avec un délai d'une seconde entre chaque nombre. Lorsque vous souscrivez à l'observable en utilisant la méthode subscribe(), vous spécifiez une fonction qui sera appelée pour chaque valeur produite par l'observable. Dans ce cas, la fonction affiche simplement le nombre à l'aide de console.log().

En résumé, un observable est un objet qui produit des séquences de valeurs au fil du temps. Vous pouvez utiliser les observables de RxJS pour gérer les données en flux continu de manière simple et efficace.