JavaScript函数参数按引用存储[重复]

Question

不确定这是否是表达我的问题的正确方式。如果我设置以下一段 JavaScript 代码：

var x = 5;
var y = function(z) {
    z=7;
    return z;
}
y(x);
x;

我从函数调用返回7，但x 保持其原始值。我认为 JavaScript 变量是通过引用调用的，那么为什么 x 的值实际上并没有通过函数改变？

Answer 1

这里真正的问题是你没有改变任何东西。您只是在函数中重新分配变量z。如果你传递一个对象或数组，它不会有什么不同。

var x = ['test'];
var y = function(z) {
    z=['foo'];
    return z;
}
y(x);
x; // Still ['test']

---

现在，其他人所说的也是正确的。 不能改变基元。这实际上比听起来更有趣，因为以下代码有效：

> var x = 1;
> x.foo = 'bar';
"bar"
> x
1
> x.foo
undefined

注意x.foo 的分配看似成功，但x.foo 却无处可寻。这是因为 JavaScript 很容易强制原始类型和对象类型（有原始的“对象”版本，即普通对象）。在这种情况下，原语1 被强制转换为一个新对象（new Number(1)），其foo 属性被设置，然后立即销毁，因此不会产生持久效果。

Answer 2

感谢@TeddHopp 关于此说明：

只为所有变量传递值，而不仅仅是基元。你 不能通过将调用代码中的变量传递给 功能。 （当然，您可以更改可能是 通过；但是，变量本身在调用中保持不变 代码。）

如果你想改变x 的值，你可以这样做：

x = y(x);