在JavaScript中，函数是构建强大程序的核心。而函数传参则是函数功能实现的基础。今天，我们就来聊聊JavaScript中函数传参的技巧，让你轻松入门，掌握这一核心技能。
函数传参基础
首先，我们需要了解什么是函数传参。在JavaScript中，当我们定义一个函数时，可以给函数传递参数，这些参数在函数体内部被使用。下面是一个简单的例子：
function greet(name) {
console.log('Hello, ' + name);
}
greet('Alice'); // 输出：Hello, Alice
在上面的例子中，name 是函数 greet 的参数。当我们调用 greet('Alice') 时，Alice 被传递给 name 参数，然后在函数体内部被使用。
传参类型
在JavaScript中，函数可以接收多种类型的参数，包括基本数据类型（如字符串、数字、布尔值）和复杂数据类型（如对象、数组）。
基本数据类型
基本数据类型的参数传递是按值传递的。这意味着，当我们将一个基本数据类型的值传递给函数时，实际上是将该值的副本传递给函数，而不是原始值。
let num = 10;
function addOne(num) {
num += 1;
return num;
}
console.log(addOne(num)); // 输出：11
console.log(num); // 输出：10
在上面的例子中，num 是一个基本数据类型（数字）的参数。当我们调用 addOne(num) 时，num 的值被传递给函数，并在函数内部被修改。但是，由于基本数据类型的按值传递，原始的 num 值并没有改变。
复杂数据类型
复杂数据类型的参数传递是按引用传递的。这意味着，当我们将一个复杂数据类型的值传递给函数时，实际上是将该值的引用传递给函数，而不是原始值。
let obj = { name: 'Alice' };
function changeName(obj) {
obj.name = 'Bob';
}
console.log(changeName(obj)); // 输出：Bob
console.log(obj); // 输出：{ name: 'Bob' }
在上面的例子中，obj 是一个复杂数据类型（对象）的参数。当我们调用 changeName(obj) 时，obj 的引用被传递给函数，并在函数内部被修改。由于复杂数据类型的按引用传递，原始的 obj 值发生了改变。
默认参数和剩余参数
JavaScript还支持默认参数和剩余参数这两种特殊的参数传递方式。
默认参数
默认参数允许我们在函数定义时为参数设置默认值。如果调用函数时没有提供该参数，则使用默认值。
function greet(name = 'Guest') {
console.log('Hello, ' + name);
}
greet(); // 输出：Hello, Guest
greet('Alice'); // 输出：Hello, Alice
在上面的例子中，name 参数有一个默认值 'Guest'。当我们调用 greet() 时，由于没有提供 name 参数，它将使用默认值 'Guest'。
剩余参数
剩余参数允许我们将多个参数收集到一个数组中。这在使用不定数量的参数时非常有用。
function sum(...numbers) {
return numbers.reduce((total, num) => total + num);
}
console.log(sum(1, 2, 3)); // 输出：6
console.log(sum(1, 2, 3, 4, 5)); // 输出：15
在上面的例子中，numbers 是一个剩余参数，它将所有传递给 sum 函数的参数收集到一个数组中。然后，我们使用 reduce 方法来计算这些数字的总和。
总结
函数传参是JavaScript编程中的一项基本技能。通过掌握函数传参的技巧，我们可以更灵活地编写出功能强大的JavaScript程序。在本文中，我们介绍了函数传参的基础、传参类型、默认参数和剩余参数等概念。希望这些内容能帮助你轻松掌握JavaScript函数传参技巧。