Angular默认变更检测下对象及对象数组的比较方式咨询

在Angular的Default变更检测策略下，针对对象或对象数组这类引用类型的属性，Angular只会比较它们的引用是否相同，不会遍历内部属性或元素进行深层比较，核心逻辑依赖looseNotIdentical方法，具体规则如下：

1. 本质是带NaN兼容的引用比较
   looseNotIdentical的逻辑和===严格相等判断几乎一致，唯一区别是会把两个NaN视为相等（原生NaN === NaN返回false，该方法修正了这个场景）。对于引用类型来说，这意味着只有当对象/数组的引用发生变化时（比如重新赋值新的对象/数组），Angular才会判定该属性发生了变更。

2. 具体场景示例

   • 对于对象：如果只是修改现有对象的属性值（比如user.name = 'newName'），对象引用未改变，Angular不会认为属性发生变化，不会触发视图更新；只有替换整个对象（比如user = { ...user, name: 'newName' }），引用更新后才会触发变更检测。
   • 对于数组：如果只是修改数组元素（比如list[0] = newItem）或调用push/pop等修改原数组的方法，数组引用未变，Angular不会判定数组变更；只有重新赋值数组（比如list = [...list, newItem]），引用改变时才会触发视图更新。

3. 关于源码中的"额外类型处理"
   你在源码中看到的额外类型逻辑，大多是针对undefined、null、NaN这类特殊值的兼容处理，而非对引用类型的深层遍历比较。默认变更检测策略下，Angular不会对对象/数组的内部结构做递归检查。

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