Sollte ich Cold Observable abbestellen?

Question

Ich weiß, dass es gute Praxis zu abmelden aus beobachtbaren ist Speicher Leck zu verhindern.

Aber wenn es ist Cold Observable sollte ich mich auch davon abmelden?

Zum Beispiel eine, die von Http.get()

Answer 1

Sie brauchen nicht zu tun, es zurückgegeben wird, da für HTTP beobachtbare vollständige ruft sofort ist nach Aktion durchgeführt wird.

Aus dem Quellcode sources kann ich sehen, dass auf unsubscribe auf Fehler und auf vollständig aufgerufen wird.

protected _error(err: any): void { 
    this.destination.error(err); 
    this.unsubscribe(); 
    } 

    protected _complete(): void { 
    this.destination.complete(); 
    this.unsubscribe(); 
    } 

ging ich weiter und kleines Experiment tat, indem sie mit Timeout abmelden Zugabe

var subscription = this.http.get(`apiurl`) 
      .subscribe(response => { 
       setTimeout(function(){ 
        debugger; 
        subscription.unsubscribe(); }, 30); 
      }); 

, wenn ich zu

Subscriber.prototype.unsubscribe = function() { 
     if (this.closed) { // this.closed is true 
      return; 
     } 
     this.isStopped = true; 
     _super.prototype.unsubscribe.call(this); 
    }; 

Dann this.closed == true innerhalb von unsibscribe Schritt, was bedeutet, abmelden, bevor genannt wurde.

Also ja jetzt kann ich sicher sagen, dass Sie nicht abmelden müssen :)

Answer 2

Es ist definitiv die beste Praxis der verwendeten Speicher in Javascript, genau wie anderen Programmiersprachen zu befreien.

Da Sie angular 2 verwenden, können Sie ngOnDestroy Lebenszyklus-Hook verwenden, um zu erreichen, wie diese Methode ausgeführt wird, wenn die Komponente ihren Gültigkeitsbereich verliert.

Unter der Annahme, dass Sie einen unter Snippet verwenden, um ein Datum

subscription = this._http.getMethod('...') 
        .subscribe(response => this.responses = response, 
        error =>this.errorMessage =<any> error) 

Sie sollten abonnieren verwenden OnDestroy Lifecycle-Haken aus Winkel/Kern Importieren einer Import-Anweisung.

import { OnDestroy } from '@angular/core' 

OnDestroy in Ihrer Komponente als

export class MyComponent implements onDestroy { 
    ............. 


    ngOnDestroy() { 
      this.subscription.unsubscribe(); 
    } 

}