处理订阅和释放资源

在某些情况下,我们可能需要取消订阅Observable流。这是非常简单的,因为.subscribe()调用返回一个数据类型,我们可以调用unsubscribe()

  1. export class MyApp {
  2. private data: Observable<Array<string>>;
  3. private value: string;
  4. private subscribed: boolean;
  5. private status: string;
  6. init() {
  7. this.data = new Observable(observer => {
  8. let timeoutId = setTimeout(() => {
  9. observer.next('You will never see this message');
  10. }, 2000);
  11. this.status = 'Started';
  12. return onUnsubscribe = () => {
  13. this.subscribed = false;
  14. this.status = 'Finished';
  15. clearTimeout(timeoutId);
  16. }
  17. });
  18. let subscription = this.data.subscribe(
  19. value => this.value = value,
  20. error => console.log(error),
  21. () => this.status = 'Finished';
  22. );
  23. this.subscribed = true;
  24. setTimeout(() => {
  25. subscription.unsubscribe();
  26. }, 1000);
  27. }
  28. }

调用.unsubscribe()将取消一个成员的回调监听Observable流。 当创建Observable时,您还可以返回自定义回调onUnsubscribe,当收听流的成员取消订阅时将调用该回调。 这对于必须实现的任何类型的清理都很有用。 如果我们没有清除setTimeout,那么值仍然会发射,但是没有人听。 为了节省资源,我们应该停止发射值。 一个重要的事情要注意的是,当您调用.unsubscribe()时,您正在销毁正在侦听的订阅对象,因此附加到该订阅对象的完成事件将不会被调用。 在大多数情况下,我们不需要显式调用unsubscribe方法,除非我们想提前取消或我们的Observable的生命周期比我们的订阅更长。 Observable运算符的默认行为是在发布.complete()或.error()消息后立即处理订阅。 请记住,RxJS的设计是在大多数时候以“发射和忘记”的方式使用。