Différence entre les méthodes .pipe() et .subscribe() sur un observable RXJS

Question

J'ai récemment remarqué que je peux renvoyer une valeur à l'intérieur de .pipe() mais pas à l'intérieur .subscribe() .

Quelle est la différence entre ces deux méthodes ?

Par exemple, si j'ai cette fonction, appelons-la "dépôt", qui est censée renvoyer le solde du compte, si je fais ceci.. :

deposit(account, amount){
    return this.http.get('url')
    .subscribe(res => {
        return res;
    }
}

Il retourne un observable et si je fais ça :

deposit(account, amount){
    return this.http.get('url')
    .pipe(
        map(res => {
            return res;
        });
    );
}

Il renvoie le solde du compte comme prévu.

Alors pourquoi ?

Answer 1

Le site pipe sert à enchaîner les opérateurs observables, et la méthode subscribe sert à activer l'observable et à écouter les valeurs émises.

Le site pipe a été ajoutée pour permettre aux webpack pour supprimer les opérateurs inutilisés du paquet final de JavaScript. Cela permet de construire plus facilement des fichiers plus petits.

Par exemple, si j'ai cette fonction, appelons-la 'dépôt', qui est censée renvoyer le solde du compte, si je fais ceci :

deposit(account, amount){
    return this.http.get('url')
    .subscribe(res => {
        return res;
    }
}

Elle renvoie une observable

Ce n'est pas ce qu'elle renvoie. Elle renvoie le Subscription créé lorsque vous avez appelé Subscribe .

et si je fais ça :

deposit(account, amount){
    return this.http.get('url')
    .pipe(
        map(res => {
            return res;
        });
    );
}

Il renvoie le solde du compte comme prévu.

Ce n'est pas ce qu'elle renvoie. Elle renvoie un Observable qui utilise un map opérateur. L'opérateur map dans votre exemple ne fait rien.