Javascript将对象传递给函数

Question

关于 Javascript 的快速问题，我找不到一个清晰简洁的答案。

我正在构建一个应用程序，它远远领先于我之前所做的任何事情，并且涉及多个被实例化的类。然后将这些对象传递到一个处理类，该处理类检查用户输入、绘制到画布上并更新已传递的对象。

我想知道，JavaScript 如何处理将对象传递给函数？我是在传递对象的副本，还是传递对对象的引用？

那么，如果我的控制器类改变了一个对象变量，那是在所有地方都改变了，还是仅仅在那个控制器看到的对象中改变了？

很抱歉这么简单，可能很容易测试的问题，但由于错误堆积，我什至不确定我是否在这一点上正确地上课。

Answer 1

当传入像字符串或数字这样的原始类型变量时，值是按值传入的。这意味着在函数中对该变量的任何更改都与函数外部发生的任何事情完全分开。

function myfunction(x)
{
      // x is equal to 4
      x = 5;
      // x is now equal to 5
}

var x = 4;
alert(x); // x is equal to 4
myfunction(x); 
alert(x); // x is still equal to 4

传递一个对象，但是，通过引用传递它。在这种情况下，该对象的任何属性都可以在函数内访问

function myobject()
{
    this.value = 5;
}
var o = new myobject();
alert(o.value); // o.value = 5
function objectchanger(fnc)
{
    fnc.value = 6;
}
objectchanger(o);
alert(o.value); // o.value is now equal to 6

Answer 2

正如https://stackoverflow.com/a/5314911/636348 中所述，在 JavaScript 中它总是按值传递，但对于对象，变量的值是一个引用。

所以，这不是纯粹的引用传递。下面是一个理解这个概念的例子：

例如：

x = {member:"foo"}

如果您在函数内使用另一个对象更改对象，您将不会在函数范围之外获得新对象，因为您只是创建了另一个对象。原始引用仍然绑定到原始对象：

function changeObject(x) {
  x = {member:"bar"};
}

changeObject(x);
alert(x.member)

输出：foo

相反，如果您在函数内更改成员，则对象将被更改：

function changeMember(x) {
  x.member = "bar";
}

changeMember(x);
alert(x.member)

输出：条形

Answer 3

如果你传入一个指向一个对象的变量，它就会传递一个对该对象的引用。如果您传入一个对象字面量，那么显然没有其他类或函数能够更改该对象。