JavaScript 函数参数的传递方式有哪些

JavaScript 中函数参数的传递方式主要有两种：按值传递和按引用传递。按值传递用于基本数据类型，如Number、String、Boolean，在这种方式中，函数接收的是实参值的一个副本。而按引用传递适用于对象（包括数组和函数），函数接收的是指向实际对象的引用的副本。基本类型是不可变的，而对象则是可变的。

让我们更深入地了解按值传递。在按值传递中，变量的实际值被复制到函数的形参中，这样，在函数内部对形参的任何修改，都不会影响到原始数据。形参和实参相互独立，它们只是恰好有相同的值。这意味着如果我们传递了一个数字给函数，函数内部对这个数字的任何操作，都不会反映在外部的变量上。

一、按值传递

按值传递是在调用函数时传递基本数据类型的默认方式。在这一过程中，实参的值会被复制然后分配给新的变量（即形参）。代码示例如下：

function changeValue(value) {
    value = "something else";
}
var myValue = "original";
changeValue(myValue);
console.log(myValue); // 输出 "original"

在这段代码中，我们看到尽管函数内部改变了形参value的值，但外部变量myValue的值保持不变。

二、按引用传递

在JavaScript中，对象（包括数组和函数）是通过引用传递的。因此，如果函数形参接收一个对象，那么实际上它接收的是一个指向对象的内存地址的引用的副本。这种情况下，在函数内部对形参的修改将会影响到原始对象。

function modifyObject(obj) {
    obj.key = "new value";
}
var myObj = { key: "original value" };
modifyObject(myObj);
console.log(myObj.key); // 输出 "new value"

在这个示例中，myObj的属性key值在函数内部被修改，而这个改变反映在了外部的对象myObj上。

三、理解"按共享传递"

有时候，你可能会听人们说JavaScript中的所有参数传递都是“按共享传递”，这是因为即使是按值传递，对于一个指向数据的引用的副本来说，引用的目标其实是共享的。这种思考方式有助于理解为何函数内部对形参的修改有时会影响到外部的变量。

四、参数解构

在ES6中引入了参数解构，它使得函数可以解构对象或数组参数，进而可以使用一种类似按值传递的方式来接收对象的属性或数组的元素。例如：

function foo({ x, y }) {
    console.log(x, y);
}
foo({ x: 1, y: 2 }); // 输出 1 2

解构参数看似按值传递，但实质上仍然是按引用传递的，因为对象的结构被复制而已。

五、默认参数和剩余参数

ES6还引入了默认参数和剩余参数。默认参数允许函数为未传递的参数赋予默认值，而剩余参数允许我们聚集任意数量的参数到一个数组中。

function bar(x, y = 1) {
    console.log(x + y);
}
bar(2); // 输出 3，因为 y 默认为 1
function baz(...args) {
    console.log(args);
}
baz(1, 2, 3, 4); // 输出 [1, 2, 3, 4]

上述介绍涵盖了JavaScript函数参数传递的基本方式，以及一些现代JavaScript的高级特性。理解参数的传递机制对于编写健壯的函数和代码是非常关键的。在实际开发中，掌握这些知识点可以帮助开发者写出更高效、可预测和易于调试的代码。