Angular中正确返回Observable布尔值？升级后obsB为null排查

1. 核心错误：错误的Observable组合方式
   你用obsA || obsB的写法完全不符合RxJS的使用逻辑——这是JavaScript原生的逻辑或操作符，它只会判断两个Observable对象本身的真假，而不会合并它们的数据流、计算发射值的逻辑或。

2. 更新依赖后obsB为null的直接原因
   更新依赖后，this.isMsgBPresent$()可能返回了null/undefined，导致obsB被赋值为null。此时obsA || obsB会直接返回obsA，完全违背了你“只要任一Observable的结果为true就返回true”的需求。

3. 为什么Angular 12中能“正常运行”？
   这是巧合：之前的依赖版本中，this.isMsgBPresent$()始终返回有效的Observable实例，而你的业务场景中obsA的发射值偶尔为false，此时错误的||写法碰巧让代码“看起来”正常，但本质逻辑是完全错误的。

根据你的业务需求，提供两种常用的正确实现方式：

方案1：动态计算两者的逻辑或（实时更新） #

如果需要每次任一Observable发射新值时，都重新计算两者的逻辑或，用combineLatest组合：

import { combineLatest, of } from 'rxjs';
import { map } from 'rxjs/operators';

isPresent$(): Observable<boolean> {
  const obsA = this.isMsgAPresent$().pipe(
    map(msgs => msgs != null && msgs.length > 0)
  );
  // 兜底处理isMsgBPresent$返回null的情况，确保始终是Observable
  const obsB = (this.isMsgBPresent$() ?? of(null)).pipe(
    map(b => b?.msgs?.some(m => this.isTriggered(m)) ?? false)
  );

  return combineLatest([obsA, obsB]).pipe(
    map(([aResult, bResult]) => aResult || bResult)
  );
}

方案2：只要任一结果为true就固定返回true #

如果业务需求是“只要obsA或obsB有一次发射true，结果就一直为true”，用merge+take(1)实现：

import { merge, of } from 'rxjs';
import { map, filter, take, startWith } from 'rxjs/operators';

isPresent$(): Observable<boolean> {
  const obsA = this.isMsgAPresent$().pipe(
    map(msgs => msgs != null && msgs.length > 0),
    filter(val => val) // 只保留true的发射值
  );
  const obsB = (this.isMsgBPresent$() ?? of(null)).pipe(
    map(b => b?.msgs?.some(m => this.isTriggered(m)) ?? false),
    filter(val => val)
  );

  return merge(obsA, obsB).pipe(
    take(1), // 拿到第一个true后就停止监听
    startWith(false) // 初始值设为false
  );
}

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