Javascript：通过引用传递对象

Question

在我的应用程序中，当我将数据传递给不同的对象时，我不确定是否要复制数据。 就像一个例子看看下面的代码：

var DataStore = function(data) {
    this.data = data; // <-- typeof data === 'object'
}

var Controller = function() {
    var dataStore = new DataStore({foo: 'bar'});
    var plugin = new Plugin(dataStore.data);
}

var Plugin = function(data) {
   this.data = data;
}

var app = new Controller();

当我创建插件时，它从dataStore传递data属性。 然后将其分配给Plugin中的属性。 请记住，传递的数据是我的问题的对象，这是在内存中创建两个变量还是插件中的data属性引用DataStore对象中的属性？

如果它在赋值后没有保留引用，我如何将DataStore传递给插件并在本地保留对它的引用？ 或者我是否需要将DataStore保留为应用程序范围中的全局变量并从插件中全局引用它？

Answer 1

dataStore.data和plugin.data引用相同的对象 - 在这些“类”中的任何一个中改变对象（因为没有更好的术语）将导致对象被变异（因为它们都保持对同一个对象）。

Answer 2

函数参数总是通过JS中的引用传递。 当您将对象作为参数传递时，传递的内容实际上是指向对象在内存中的位置的指针 。 如果您尝试覆盖引用本身，则原始对象不会发生任何事情，但是如果更改任何对象属性的值，则将修改原始对象。

例如：

function f1(_x) {
    _x = 5;
}

function f2(_y) {
    _y.name = 'Hello';
}

var x = 10;
f1(x);
console.log(x); // no change to x

var y = {name: 'Tom'};
f2(y);
console.log(y.name); // y.name is now Hello