更改嵌套对象的引用是否正在更改对根对象的引用？

Question

我不确定如何测试-请告知

假设我们有对象X

{
    a: {
        b: {
            c: true
        }
    }
}

然后我们对其进行变异，从而得到对象Y

{
    a: {
        b: {
            ...X.a.b.c, 
            c: false
        }
    }
}

如果我们比较X === Y（使用严格等于），会返回true，因为比较对象的引用相同，但子对象不同吗？

Answer 1

要比较两个嵌套对象，我们应该进行深度比较。 ===将仅检查对象的引用是否相等。 为了进行深度比较，我们可以使用loadash的isEqual函数。 _.isEqual(X, Y); 如果它们相等，它将返回true。

或者，您可以只对两个对象进行字符串化处理并进行比较JSON.stringify(X) === JSON.stringify(Y)

Answer 2

使用扩展运算符（... Xabc）的代码部分存在错误。

Xabc持有原始值。 因此，如果我们尝试对原语使用扩展运算符，则不会产生任何结果。

例如，

let a = {
  x: 2
};

let b = {
  ...a.x
};

let c = {
  x: 2
}

let e = a;

console.log(b); // Logs {} to the console
console.log(a===c); // Logs false to the console
console.log(a==c); // Logs false to the console
console.log(a==e); // Logs true to the console

在比较部分，如果我们比较两个持有对两个不同对象的引用的变量，则它将返回false但如果我们比较两个持有对同一对象的引用的变量，则它将返回true 。

有关对象和基元比较的不同方法，请参见下面的Object.is函数的MDN文档。

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/is