问传播语法是创建一个浅拷贝还是深拷贝？

EN

变量可以包含一个值(在原始值的情况下，比如1)，也可以包含一个引用(对于对象，比如{ food: "pasta" } )。基元类型只能复制，而且由于它们不包含属性，因此不存在浅/深区分。

如果将引用本身视为原语值，则b = a是引用的副本。但是，由于JavaScript不允许您直接访问引用(就像C一样，等效的概念是指针)，将引用复制为“复制”是误导和混淆的。在JavaScript上下文中，“复制”是值的副本，而引用不被视为值。

对于非原始值，有三种不同的方案：

• Coreferences (由b = a创建)仅指向同一个对象；如果以任何方式修改a，则b将受到相同的影响。直观地，您会说，您修改的任何对象都反映在副本中，但这是错误的:没有副本，只有一个对象。不管您从哪个引用访问对象，它都是同一个实体。这就像扇皮特的耳光，想知道为什么布拉德会生你的气--布拉德和皮特是同一个人，而不是克隆人。--

​

let a = {
    food: "pasta",
    contents: {
        flour: 1,
        water: 1
    }
}
let b = a;
a.taste = "good";
a.contents.flour = 2;
console.log(b);

​

• 浅拷贝生成对象的副本，但是任何包含引用的属性都是这样的--从而导致共同引用属性。如果您更改任何一个对象，则另一个对象不受影响；但是，如果您更改了由属性引用的任何对象，则其他对象中也会看到更改。在本例中，您将看到b.contents.flour受到a中的更改的影响(因为b.contents和a.contents引用相同的对象{ flour: 1, water: 2 })，但是a.taste并不存在(因为a和b本身就是对象)。

​

let a = {
    food: "pasta",
    contents: {
        flour: 1,
        water: 1
    }
}
let b = {...a};
a.taste = "good";
a.contents.flour = 2;
console.log(b);

​

• 还递归地复制每个属性，以便不存在共同引用--无论原始对象及其属性发生什么变化，副本都不会受到影响。在这里，a.

的变化不影响b.taste和b.contents.flour

​

let a = {
    food: "pasta",
    contents: {
        flour: 1,
        water: 1
    }
}
let b = structuredClone(a);
a.taste = "good";
a.contents.flour = 2;
console.log(b);

​

请注意，此时structuredClone仍然是非常新的；如果有任何用户正在使用旧的浏览器，则可能需要使用多边形填充。

扩展操作符允许您做一个浅拷贝。若要进行深度复制，请使用structuredClone()方法。

所以在你的例子中，它看起来是这样的：

let a = {
    food: "pasta",
    restaurantName: "myPastPlace"
}

let b = structuredClone(a);

阅读更多：https://developer.mozilla.org/en-US/docs/Web/API/structuredClone