JavaScript中函数都是值传递吗

在JavaScript中，函数参数的传递方式常常引起混淆，但一句话概括则是：函数参数是如何传递的依赖于参数的数据类型。原始类型（如Number、String、Boolean）是通过值传递的，而对象类型（包括数组和函数）是通过引用传递的。这意味着，当你传递了一个对象给函数时，你实际上传递的是该对象在内存中的地址，而不是它的一个复制。因此，如果函数内部修改了这个对象的属性，那么这些修改在函数外部也是可见的。而对于原始类型的值，因为传递的是值的副本，所以函数内部的改变不会影响到外部的变量。

接下来，让我们来更详细地探讨这个问题。

一、值传递 VS 引用传递

在JavaScript中理解函数参数传递机制的关键，在于区分 值传递 和 引用传递 的区别。

值传递（Pass by Value） 意味着当一个变量传递给函数时，JavaScript会自动复制这个变量的值，在函数内部创建一个新的副本。这意味着，任何在函数内部对这个值的修改，都不会影响到原始数据。
引用传递（Pass by Reference） 则是传递对象（包括数组和函数）时使用的方法。在这种情况下，传递的不是对象的一个复制，而是对象在内存中的地址。因此，如果在函数内部对这个对象进行修改，那么外部的对象也会被修改。

二、深入原始类型和对象类型

让我们更深入地了解原始类型和对象类型在函数参数传递中的行为差异。

原始类型

原始类型如String、Number、Boolean、undefined、null、Symbol在作为参数传递给函数时，都是通过值传递的。这意味着，函数内部获得参数的副本，对其的任何修改都不会影响到原参数。

function changeValue(value) {
  value = "changed";
  console.log("Inside Function:", value);
}
let message = "original";
changeValue(message);
console.log("Outside Function:", message);

在以上代码中，虽然在changeValue函数内部修改了value的值，但是外部的message值并未受影响，因为message是通过值传递给函数的。

对象类型

对象类型，在JavaScript中包括对象、数组和函数。当这些类型被作为参数传递给函数时，实际上传递的是它们在内存中的地址，也因此是通过引用传递的。

function changeProperty(obj) {
  obj.property = "changed";
  console.log("Inside Function:", obj);
}
let myObj = {property: "original"};
changeProperty(myObj);
console.log("Outside Function:", myObj);

在这个示例中，myObj对象作为参数传递给changeProperty函数时，传递的是引用。因此，当函数内部修改了myObj的property属性时，外部的myObj也被影响了。

三、误解与真相

关于JavaScript函数参数传递的讨论，往往充满误解。一种常见的误解是认为JavaScript总是使用引用传递。实际上，JavaScript的函数参数传递，严格来说，都是通过值传递的。只不过当值是对象时，传递的值恰好是对象在内存中的地址。

探究引用传递的真相

当说到“引用传递”，我们需要明白，传递给函数的是引用的值，而不是引用本身。这意味着如果你试图在函数内部重新分配一个对象到一个参数，这个重新分配不会影响到原始引用。

function reassignObject(obj) {
  obj = {property: "changed"};
  console.log("Inside Function:", obj);
}
let myObj = {property: "original"};
reassignObject(myObj);
console.log("Outside Function:", myObj);

在这个例子中，尽管在函数内部obj被重新分配了一个全新的对象，外部的myObj并没有改变，仍然指向原始对象。这是因为obj参数的值（即原始对象的内存地址）在函数内部被一个新的地址覆盖了，而外部的myObj仍然保持着原始对象的地址。

四、深入探索

接下来，让我们深入探索几个相关概念，以加深理解。

函数作为参数

当函数作为参数传递时，同样遵循上述原则。因为函数本质上也是对象，所以传递的是它们在内存中的地址。这使得高阶函数（接受函数作为参数或返回函数的函数）在JavaScript中极为强大和灵活。

深复制和浅复制

讨论值传递和引用传递时，不得不提深复制（Deep Copy）和浅复制（Shallow Copy）。浅复制只复制对象的第一层属性，而深复制则是递归复制了对象的所有层级。在处理复杂对象时，理解这两者的区别至关重要。

如何实现真正的传引用

虽然在JavaScript中无法直接通过参数实现真正的引用传递，但你可以通过传递对象的属性或者使用数组等方式，间接实现类似效果。例如，你可以将原始类型的值包裹在一个对象或数组中，然后将这个对象或数组传递给函数。通过这种方式，即便是原始类型的值，也可以实现在函数外部被修改的效果。

function changeInside(wrapper) {
  wrapper.value = "changed";
}
let wrapper = {value: "original"};
changeInside(wrapper);
console.log("After Function Call:", wrapper.value);

在这个例子中，即使wrapper.value本质上是一个原始类型，但通过对象wrapper传递，我们仍然能够实现在函数外部对其修改的目的。

总结

综上所述，理解JavaScript中函数参数是如何传递的，关键在于理解值传递和引用传递的差异。原始类型总是通过值传递，而对象类型则是通过引用传递。掌握这一核心概念，对于深入理解JavaScript及其函数调用机制至关重要。在实际开发中，这一知识点将帮助你更精准地控制函数的行为，避免一些常见的陷阱和错误。