Javascript通过引用而不是值传递？ [复制]

Question

您好，感谢您的帮助

当我编写一些代码时，我遇到了一个问题。在下面的例子中。我期待alert(a.x) 输出1，而不是输出2。我了解到这是因为a 被传递给this.b 作为参考。我似乎找不到的是如何通过值传递它。 （如，我不想每次调用x()时都修改a）

var a = {"x":1}

function x() {
  this.b = v;
  this.b.x++;
}

x();

alert(a.x); //prints 2

我也尝试了以下和其他变体无济于事......

var a = {"x":1}

function x(v) {
  this.b = v;
  this.b.x++;
}

x(a);

alert(a.x); //... still prints 2

谁能告诉我我错过了什么？

请，谢谢

（旁注：this is a post 这与我所说的很接近，但我不知道如何使它适用于我的情况......如果情况完全一样的话）

Answer 1

所以也许我可以通过分解正在发生的事情来为您提供一些清晰的信息。

var a = {"x":1} // a refers to object with key "x"

function x(v) {  // v is now a reference to the object with key "x"
  this.b = v;   // this.b now is a reference to the object with key "x"
  this.b.x++;   //this.b.x++ points to the object with key "x" so it can increment it's value.
}

x(a);  // passes in a the value of reference to object with key "x"

alert(a.x); //... still prints 2

你可以做一些可以在this链接中找到的事情：

var o = {};
(function(x){
    var obj = Object.create( x );
    obj.foo = 'foo';
    obj.bar = 'bar';
})(o);

alert( o.foo ); // undefined

Answer 2

当你打电话时：

x(a);

正在发生一些事情。首先，变量a（它只是保存一个对象的引用）按值传递给函数x。 x 现在拥有该引用的自己的副本，它恰好指向内存中的同一个对象。因此，您对该引用对象的属性所做的任何更改都会影响对该对象的其他引用。

当你打电话时：

this.b = v;

您再次制作了v 的副本并将其设置为this.b。现在，a、v 和 this.b 是内存中不同的变量，它们都存储对同一对象的引用。

看来您尝试要做的是创建对象本身的副本，这样您就可以操纵一个引用而不影响其他引用。为此，您需要在内存中创建一个全新的对象并复制属性。

var a = {"x":1}

function x(v) {
    this.b = {}; // Create a new object
    this.b.x = v.x; // Copy over the x property
    // Copy over any other properties too
    this.b.x++;
}

x(a);

alert(a.x); // The original object still has an x property of 1

由于this.b 是一个新对象，我们只是从v 引用的对象中复制属性，因此增加this.b.x 将不会影响v 是什么指向。