Javascript:通过引用传递对象

时间:2012-07-17 05:20:52

标签: javascript pass-by-reference javascript-objects

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

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保留为应用程序范围中的全局变量并从插件中全局引用它?

2 个答案:

答案 0 :(得分:11)

dataStore.dataplugin.data都引用相同的对象 - 在这些“类”中的任何一个中改变对象(因为缺少更好的术语)将导致对象被突变(对于它们两者)因为他们都持有对同一个对象的引用。)

答案 1 :(得分:0)

函数参数总是通过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