javacriptの関数引数としてオブジェクト参照を渡す

Question

ここでは、Object.create()の仕組みを理解するための簡単なコードを用意しています。ここでは、プロトタイプとして使用される共通オブジェクトがprototypeObjです。 newObjは、プロトタイプがprototypeObjに設定されたオブジェクトです。ここで私はanotherObjと呼ばれるプロパティを持つsessionと呼ばれる別のオブジェクトがあり、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/