在javascript中将对象引用作为函数参数传递

Question

这里我有一个简单的代码来了解Object.create() 的工作原理。在这里，我有一个公共对象用作原型，它是prototypeObj。newObj 是一个原型设置为prototypeObj 的对象。这里我有另一个名为session 的对象，它有一个名为anotherObj 的属性，anotherObj 与newObj 具有相同的原型。但是向位于 anotherObj 原型中的名为 foo 的属性添加新值也会影响 newObj。为什么我会遇到这种行为？

代码：

var prototypeObj = {
  foo: [],
  addItemToFoo: function(add) {
    this.foo.push(add);
  }
}

function create(fooVal) {
  var myProto = Object.create(prototypeObj);
  myProto.foo = fooVal;
  return myProto;
}

var newObj = create([1, 2]); // initialized with [1,2]

session = {
  anotherObj: create(newObj.foo) // initialized with [1,2]
}

session.anotherObj.addItemToFoo(6); // pushed 6 to session.anotherObj.foo

console.log("newObj.foo is " + newObj.foo); // newObj also get 6 pushed to its foo property

console.log("anotherObj.foo is " + session.anotherObj.foo);

Answer 1

foo 是一个数组，它通过引用起作用。

anotherObj: create(newObj.foo)

您在此处复制引用，因此您的旧对象和新对象都将具有相同的数组引用来插入元素。如果您想要不同的数组引用，您应该首先像这样复制它create(newObj.foo.slice())

https://jsfiddle.net/x8ftnh82/