javascript - 更改javascript对象内对象属性的值会影响其他对象

Question

我想在对象内部更改对象的属性。但是，当我这样做时，使用相同原型(prototype)创建的其他对象属性也发生了变化。

代码如下:

var a = {
  x: { y: 'foo' }
}

var b = Object.create(a)
var c = Object.create(a)

console.log(a.x.y) // 'foo'
console.log(b.x.y) // 'foo'
console.log(c.x.y) // 'foo'

b.x.y = 'bar'

var d = Object.create(a)

console.log(a.x.y) // 'bar'
console.log(b.x.y) // 'bar'
console.log(c.x.y) // 'bar'
console.log(d.x.y) // 'bar'

我认为问题是因为所有对象都引用相同的 x，因此从反射(reflect)在所有对象中的任何对象更改 y。任何人都可以解释这里到底发生了什么，也许可以提供解决方法的引用和建议吗？

Answer 1

x 是一个对象，这就是为什么它被指针引用而不是像字符串那样被值引用。

请尝试以下解决方法:

b.x = { y: 'bar' } // instead of b.x.y = 'bar'

这将创建一个新对象x，它将与其他对象不同