咨询：RxJS中combineLatest为何未返回最新值？

我懂这种抓耳挠腮的感觉！RxJS的combineLatest有时候确实会因为一些细节让人困惑，你遇到的问题大概率是这几个原因之一，咱们一步步捋：

1. 最常见的坑：distinctUntilChanged的引用比较 #

从你的代码片段看，你用到了distinctUntilChanged操作符——如果你的color$是输出对象、数组这类引用类型，默认的distinctUntilChanged会用严格相等===来判断值是否变化。举个例子：

// 错误示例：修改现有对象的属性，但引用没变
const currentColor = color$.value;
currentColor.red = 0;
color$.next(currentColor);

这时候distinctUntilChanged会认为值没有变化，直接把这个更新拦截了，自然combineLatest也收不到新的color值，但你直接访问subject.value是能拿到修改后的值的（因为你同步修改了对象内容）。

解决方法：

• 每次更新时创建新的对象/数组，改变引用：

  // 正确：用扩展运算符创建新对象
  color$.next({ ...color$.value, red: 0 });
  

• 或者给distinctUntilChanged传入自定义比较函数，对比对象的实际内容：

  color$.pipe(
    distinctUntilChanged((prevColor, currColor) => 
      prevColor.red === currColor.red && 
      prevColor.green === currColor.green && 
      prevColor.blue === currColor.blue
    )
  )
  

2. 确认combineLatest的所有源都能发出新值 #

combineLatest有个核心规则：只有当所有源Observable都至少发出过一次值，之后任何一个源发出新值时，才会输出组合后的最新值。如果和color$组合的另一个Observable很久没发出新值，同时color$的更新又被拦截了，那combineLatest就不会有新输出。

调试小技巧：
给每个源Observable加tap操作符，打印每次发出的值，确认color$是否真的把新值发出来了：

import { tap } from 'rxjs/operators';

const color$ = new BehaviorSubject(...).pipe(
  tap(color => console.log('color$ 发出新值:', color)),
  distinctUntilChanged(...)
);

如果控制台没打印新值，那问题肯定在color$的管道里；如果打印了但combineLatest没输出，就检查另一个源是不是没发出过值。

3. 检查订阅时机是否正确 #

如果你的combineLatest是在color$发出新值之后才订阅的，那它只会拿到当前的最新值，但之后color$再发新值应该能正常接收。不过你说subject.value是正确的，这个可能性比较小，但也可以确认一下订阅逻辑是不是在正确的时机执行的。

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