Angular 处理订阅和释放资源_Angular 2 培训手册

Angular 处理订阅和释放资源

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

export class MyApp {
  private data: Observable<Array<string>>;
  private value: string;
  private subscribed: boolean;
  private status: string;
    init() {
        this.data = new Observable(observer => {
            let timeoutId = setTimeout(() => {
                observer.next('You will never see this message');
            }, 2000);
            this.status = 'Started';
            return onUnsubscribe = () => {
                this.subscribed = false;
                this.status = 'Finished';
                clearTimeout(timeoutId);
            }
        });
        let subscription = this.data.subscribe(
            value => this.value = value,
            error => console.log(error),
            () => this.status = 'Finished';
        );
        this.subscribed = true;
        setTimeout(() => {
          subscription.unsubscribe();
        }, 1000);
    }
}

调用.unsubscribe（）将取消一个成员的回调监听Observable流。当创建Observable时，您还可以返回自定义回调onUnsubscribe，当收听流的成员取消订阅时将调用该回调。这对于必须实现的任何类型的清理都很有用。如果我们没有清除setTimeout，那么值仍然会发射，但是没有人听。为了节省资源，我们应该停止发射值。一个重要的事情要注意的是，当您调用.unsubscribe（）时，您正在销毁正在侦听的订阅对象，因此附加到该订阅对象的完成事件将不会被调用。

在大多数情况下，我们不需要显式调用unsubscribe方法，除非我们想提前取消或我们的Observable的生命周期比我们的订阅更长。 Observable运算符的默认行为是在发布.complete（）或.error（）消息后立即处理订阅。请记住，RxJS的设计是在大多数时候以“发射和忘记”的方式使用。