Angular中如何判断Observable/BehaviorSubject推送对象是否发生相关变更

你遇到的现象本质上不是代码执行顺序的问题，而是对象引用复用导致的属性提前变更，核心问题出在AuthService.updateUserData方法的实现：

• 你调用Object.assign(this.user.value, newUser)时，是直接修改了BehaviorSubject中存储的原有用户对象的属性，而非生成新的用户对象
• MemberService中存储的this.user和next出来的新user参数指向的是同一个对象引用，当AuthService修改了这个对象的属性后，还没等你执行this.user = user赋值，this.user的属性已经和新的user参数完全一致了，所以对比的时候永远返回false，看起来就像赋值操作提前执行了。

第一步：修改AuthService的更新逻辑，每次生成新的对象投递 #

修改updateUserData方法，不修改原有对象，而是合并属性后生成全新的用户对象再投递，切断新旧对象的引用关联：

updateUserData(newUser: User): void {
  // 用空对象作为Object.assign的第一个参数，生成全新对象
  this.user.next(Object.assign({}, this.user.value, newUser));
  // 也可以用对象扩展运算符写法：
  // this.user.next({...this.user.value, ...newUser});
}

改完之后每次投递的用户对象都是全新引用，不会影响之前MemberService存储的旧对象，原有对比逻辑就能正常生效。

第二步：可选优化（更稳妥） #

如果你需要完全规避后续其他逻辑修改对象属性带来的干扰，也可以在对比时先对需要判断的属性做快照存储，或者针对对象属性做深比较。不过对于你当前只需要判断几个基础类型属性的场景，只要完成第一步的修改，原有逻辑已经可以正常运行。

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