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 传递数据属性。然后将其分配给插件内部的一个属性。请记住，传递的数据是一个对象，我的问题是，这是在内存中创建两个变量还是插件中的数据属性引用了 DataStore 对象中的属性？

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

Answer 1

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

Answer 2

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

例如：

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