Angular组件中RxJS Subject订阅是否需手动取消？

• 必须手动编写取消订阅逻辑
  你在组件内创建的autoSearchInputChanges是自定义的RxJS Subject，这类自定义Observable的订阅不会被Angular自动管理。当组件销毁（失去作用域）时，若不主动取消订阅，订阅的回调函数会一直持有对组件实例的引用，导致组件无法被垃圾回收，进而引发内存泄漏。

• 为什么不会自动回收？
  Angular仅会自动清理它自身管控的Observable订阅（比如AsyncPipe绑定的流、Angular内置服务返回的Observable），但自定义Subject不在这个自动清理范围内。只要订阅关系存在，Subject就会保留对订阅回调的引用，而回调又持有组件实例的引用，形成循环引用，垃圾回收器无法正常回收这些对象。

• 推荐的取消订阅方式
  这里给两种常用的可靠方案：

  1. 保存订阅对象，在组件销毁时取消：

     private searchSubscription!: Subscription;
     
     ngOnInit() {
         this.searchSubscription = this.autoSearchInputChanges.subscribe(eventData => {
             // 你的业务逻辑
         });
     }
     
     ngOnDestroy() {
         this.searchSubscription.unsubscribe();
     }
     

  2. 使用takeUntil操作符配合销毁信号：

     private destroy$ = new Subject<void>();
     
     ngOnInit() {
         this.autoSearchInputChanges
             .pipe(takeUntil(this.destroy$))
             .subscribe(eventData => {
                 // 你的业务逻辑
             });
     }
     
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
     }
     

内容的提问来源于stack exchange，提问作者John George