问使用扩展语法‘.’并等于`=`分配的对象

EN

是的，是有区别的

var o2 = o1; //say style 1

在style1中， o2将指向o1，其中的任何更改都反映了另一个方面的变化。所以它就像02是引用的同一个对象。

var o3 = {...o1} //say style 2

在style2中， o3是一个新变量，它具有相同的值，但不会引用o1。在改变o1时，o3没有任何变化，反之亦然

我使用样式1还是样式2重要吗？

是的，style1和style2实际上是在做两件不同的事情。

style1将o1的引用赋值给o2，因此

o1 == o2 // true

另一方面，style2将o1的值赋值给o3，并创建了一个新的对象，因此

o1 == o3 // false

扩展运算符对您的对象进行一级深度克隆，因此

var o1 = {
    a:1,
    b:2
}

var o3 = {...o1} 

将返回一个不引用o1的新对象，当您编写var o3 = o1时，您将o1的引用赋值给o3，因此，如果您更改了例如o3.a = 2的值，则原始对象的值也会更改，而对于第一种情况则不会。

​

var o1 = {
        a:1,
        b:2
    }
    var o2 = {
        a:1,
        b:2
    }
    
var o3 = {...o1} 
var o4 = o2;

o3.a = 2;
console.log(o3, o1);

o4.a = 4;
console.log(o2, o4);

​