角度2/Rxjs：本当に購読を解除する必要がありますか？

Question

私は、メモリリークを防ぐためにObservable（つまりObservableがの値が無限の値）を購読解除する必要があることを理解します。私はそれを行う必要はありません有限 Observablesが完了すると自動的にunsubscribe。

しかし、私は私のコンポーネントで無限Observableを作成した場合（例えば、FormGroup.valueChanges、またはQueryList.changesのために）、これは、それを含むコンポーネントで破壊されますので、私は彼らもメモリリークしないであろうというを考えるもし私がでない場合はから退会してください。ここで

は簡単な例である：ここでは

@Component({}) 
export class DummyComponent { 
    form: FormGroup; 

    constructor(private fb: FormBuilder) { 
     this.form = this.fb.group({ 
      firstName: [''], 
      lastName: [''] 
     }); 
     this.form.valueChanges.subscribe(
      x => console.log(x) 
     ); 
    } 
} 

、私はthis.form.valueChangesからではないunsubscribeを行います。私のコンポーネントが破壊されると、this.form.valueChangesも破壊されます。

この場合、メモリリークが発生しますか？

Answer 1

Babarに言及したように、サブスクリプションを停止して変更を監視し続ける必要があります。

具体的なケースについては、あなたにはポイントがあると思います。

同じコンポーネントにたくさんのサブスクリプションがあるときに私がすることは、次のとおりです。

まず、サブスクリプションタイプの空の配列である「サブスクリプション」を作成します。

private subscriptions: Subscription[] = []; 

それから私が行う必要があるたびに、私は、配列

this.subscriptions.push(this.form.valueChanges.subscribe(x => console.log(x))); 

そして、私は、アレイ内のすべてのサブスクリプションに退会ngOnDestroy内に押し込み購読。

ngOnDestroy(): void { 
    this.subscriptions.forEach((elem) => { elem.unsubscribe(); }) 
} 

Answer 2

あなたのコンポーネントが破壊されると、あなたの加入者はまだイベントが来るのを待っているわけではなく、メモリを消費することもあります。たとえば、ルータイベントのサブスクリプションは、アプリ内のどこでも起動し、サブスクリプション内で行ったコードを実行します。

私は2番目のケースでは、コンポーネントを切り替えると決して退会しないので、コンポーネントを読み込むたびに新しいサブスクライバがバインドされるため、アプリが束縛されてハングアップすることになります。

@Component({}) 
export class DummyComponent implements OnDestroy { 
form: FormGroup; 
subscription: Subscription; // from rxjs 
constructor(private fb: FormBuilder) { 
    this.form = this.fb.group({ 
     firstName: [''], 
     lastName: [''] 
    }); 
    this.subscription = this.form.valueChanges.subscribe(
     x => console.log(x) 
    ); 
} 

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