Angular组件中需显式取消订阅的对象有哪些？

先明确核心规则：

不需要手动取消订阅的场景 #

• HTTP请求Observable：HttpClient返回的Observable在请求完成（成功/失败）后会自动complete，订阅会自动清理，无需手动取消。
• 异步管道（AsyncPipe）：Angular的async管道会在组件销毁时自动取消订阅，不需要额外操作。
• 单次触发的Observable：比如of()、fromPromise()这类只会发射一次值就完成的Observable，订阅后会自动结束。

必须手动取消订阅的场景 #

任何持续发射值、不会自动完成的Observable，比如：

• Subject派生类（BehaviorSubject、ReplaySubject、Subject）的实例
• 路由事件（router.events）
• 表单控件值变化（FormControl.valueChanges）
• 定时器类Observable（interval()、非单次触发的timer()）

针对你的代码逐一分析 #

你的组件里有4个订阅，其中3个需要处理，1个不需要：

1. this.authService.currentUser.subscribe(...)：
   currentUser是持续更新的Observable（从命名和用法看应该是BehaviorSubject），不会自动完成。你没保存这个订阅的引用，也没取消，组件销毁后会继续触发，导致内存泄漏，必须取消。

2. this.avaliacaoSubscription：
   你已经在ngOnDestroy里取消了这个订阅，这部分是对的。

3. user$.pipe(withLatestFrom(avaliacao$)).subscribe(...)：
   这里的user$和avaliacao$都是持续发射值的Observable，这个订阅同样没有保存引用，组件销毁后会继续执行，必须取消。

4. buscaParticipantesAvaliacaoPorIdAvaliacaoEMatServidor里的HTTP请求订阅：
   这是HttpClient返回的Observable，请求完成后会自动complete，不需要手动取消。

推荐的订阅管理方案（避免手动逐个取消） #

最简洁的方式是用takeUntil操作符，统一管理所有需要取消的订阅：

1. 在组件里定义一个销毁信号Subject：

private destroy$ = new Subject<void>();

2. 在ngOnDestroy里触发销毁信号：

ngOnDestroy(): void {
  this.destroy$.next();
  this.destroy$.complete();
  // 原来的单个订阅取消可以删掉，因为takeUntil会处理
}

3. 所有需要取消的订阅都加上pipe(takeUntil(this.destroy$))：

ngOnInit(): void {
  const user$ = this.authService.currentUser as Observable<Usuario>;
  const avaliacao$ = this.avaliacaoService.avaliacaoAtual$ as Observable<Avaliacao>;

  // 第一个订阅
  this.authService.currentUser.pipe(takeUntil(this.destroy$)).subscribe((usuario) => {
    this.usuario = usuario;
  });

  // 第二个订阅（不需要单独保存subscription了）
  this.avaliacaoService.avaliacaoAtual$.pipe(takeUntil(this.destroy$)).subscribe((avaliacao) => {
    this.avaliacaoSelecionada = avaliacao;
    console.log('avaliação selecionada ' + this.avaliacaoSelecionada.ano);
  });

  // 第三个订阅
  user$.pipe(
    withLatestFrom(avaliacao$),
    takeUntil(this.destroy$)
  ).subscribe(([usuario, avaliacao]) => {
    this.usuario = usuario;
    this.avaliacaoSelecionada = avaliacao;

    console.log('avaliação selecionada ' + this.avaliacaoSelecionada.ano);

    this.buscaParticipantesAvaliacaoPorIdAvaliacaoEMatServidor(
      this.avaliacaoSelecionada.id,
      this.usuario.servidor.matricula
    );
  });
}

这种方式不用逐个保存Subscription，组件销毁时所有通过takeUntil绑定的订阅都会自动取消，既简洁又不容易遗漏。

内容的提问来源于stack exchange，提问作者Emerson Diego