摘要：
JavaScript 函数是编程中常用的工具，而函数参数传递是函数功能实现的关键。本文将围绕 JavaScript 函数参数传递的语法规则展开，详细探讨按值传递、按引用传递、默认参数、剩余参数和扩展操作符等概念，旨在帮助开发者更好地理解和运用 JavaScript 函数参数传递。
一、
在 JavaScript 中，函数是组织代码、提高代码复用性的重要手段。函数参数传递是函数定义和调用过程中的核心环节，它决定了函数如何接收和处理外部传入的数据。本文将深入探讨 JavaScript 函数参数传递的语法规则，帮助开发者更好地掌握这一重要概念。
二、按值传递
JavaScript 中，函数参数默认是按值传递的。这意味着当我们将一个变量作为参数传递给函数时，传递的是该变量的值，而不是变量的引用。
javascript
function addTen(num) {
return num + 10;
}
let ten = 5;
let result = addTen(ten);
console.log(result); // 输出：15
在上面的例子中，`ten` 是一个基本数据类型的变量，其值被传递给 `addTen` 函数。在函数内部，即使修改了 `num` 的值，也不会影响 `ten` 的值。
三、按引用传递
JavaScript 中，对象和数组是复杂数据类型，它们在函数参数传递时是按引用传递的。这意味着传递的是对象的引用或数组的引用，而不是它们的副本。
javascript
function changeArray(arr) {
arr[0] = 100;
}
let myArray = [1, 2, 3];
changeArray(myArray);
console.log(myArray); // 输出：[100, 2, 3]
在上面的例子中，`myArray` 是一个数组，其引用被传递给 `changeArray` 函数。在函数内部修改数组，会影响到原始数组。
四、默认参数
JavaScript 允许在函数定义时为参数设置默认值。如果调用函数时没有提供该参数，则使用默认值。
javascript
function greet(name = 'Guest') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：Hello, Guest!
greet('Alice'); // 输出：Hello, Alice!
在上面的例子中，`name` 参数有一个默认值 `'Guest'`。如果调用 `greet()` 时没有提供参数，则使用默认值。
五、剩余参数
剩余参数（Rest parameters）允许我们将一个不定数量的参数作为一个数组传入函数。
javascript
function sum(...args) {
return args.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3)); // 输出：6
console.log(sum(1, 2, 3, 4, 5)); // 输出：15
在上面的例子中，`sum` 函数使用剩余参数 `...args` 来接收任意数量的参数，并将它们累加。
六、扩展操作符
扩展操作符（Spread operator）允许我们将一个数组或对象展开成一系列的参数或键值对。
javascript
function join(...args) {
return args.join(' ');
}
console.log(join('Hello', 'World')); // 输出：Hello World
function addProperties(target, ...sources) {
sources.forEach(source => {
Object.assign(target, source);
});
return target;
}
let obj = { a: 1 };
let newProps = { b: 2, c: 3 };
obj = addProperties(obj, newProps);
console.log(obj); // 输出：{ a: 1, b: 2, c: 3 }
在上面的例子中，扩展操作符被用于将数组元素展开为函数参数，以及将对象属性展开为另一个对象的属性。
七、总结
JavaScript 函数参数传递的语法规则是编程中不可或缺的一部分。通过理解按值传递、按引用传递、默认参数、剩余参数和扩展操作符等概念，开发者可以更灵活地编写函数，提高代码的可读性和可维护性。
本文详细介绍了 JavaScript 函数参数传递的语法规则，旨在帮助开发者更好地掌握这一重要概念。在实际编程中，合理运用这些规则，可以编写出更加高效、可靠的 JavaScript 代码。
Comments NOTHING