JS函数参数定义与传递方式解析

深入理解JavaScript函数参数的定义与传递方式对于提升代码质量至关重要。本文将详细解析JS函数如何通过形参接收实参，并介绍ES6引入的默认参数，以及`arguments`对象和`...rest`参数在处理不定数量参数时的应用。同时，我们将剖析JS中的值传递与引用传递机制，阐明原始类型和引用类型在函数调用中的不同表现。掌握这些核心概念，能帮助开发者编写出更具灵活性和可复用性的JS函数，提升代码的健壮性和可维护性。本文旨在帮助开发者全面掌握JavaScript函数参数的使用技巧，让JS编程更加得心应手。

JavaScript函数通过形参定义接收实参，支持默认值、arguments对象和...rest参数处理不定数量输入。ES6默认参数提升容错性，原始类型按值传递不改变外部变量，引用类型传地址可修改属性，合理运用可增强代码灵活性与复用性。

JavaScript函数的参数定义和传递方式是开发中的基础内容，掌握它有助于写出更灵活、可复用的代码。JS函数在定义时可以设置形参，在调用时传入实参，支持多种传递方式和默认值处理。

函数参数的基本定义方式

在函数声明或函数表达式中，通过在括号内列出参数名来定义参数。这些参数在函数内部可直接使用。

function greet(name, age) {
  console.log("你好，" + name + "，你今年" + age + "岁。");
}
greet("小明", 25); // 输出：你好，小明，你今年25岁。

这里的 name 和 age 就是函数定义的参数，调用时传入对应值即可。

参数的默认值设置

ES6引入了默认参数语法，允许在定义函数时为参数指定默认值，当调用时不传或传 undefined 时生效。

function greet(name = "游客", age = 18) {
  console.log("你好，" + name + "，你今年" + age + "岁。");
}
greet(); // 输出：你好，游客，你今年18岁。
greet("李华"); // 输出：你好，李华，你今年18岁。

这种写法提升了函数的容错性和调用便利性。

arguments 对象与不定参数

JavaScript函数内部可访问 arguments 对象（类数组），用于获取所有传入的实际参数，适用于参数数量不确定的情况。

function sum() {
  let total = 0;
  for (let i = 0; i     total += arguments[i];
  }
  return total;
}
console.log(sum(1, 2, 3)); // 输出：6

ES6还提供了更现代的 剩余参数（rest parameters） 写法：

function sum(...numbers) {
  return numbers.reduce((a, b) => a + b, 0);
}

...numbers 会将所有传入参数收集为一个数组，使用更直观且兼容现代语法。

参数的传递方式：值传递与引用传递

JS中参数传递遵循“按值传递”原则，但具体行为因数据类型而异：

• 原始类型（如 number、string、boolean）传递的是值的副本，函数内修改不影响外部变量。
• 引用类型（如对象、数组）传递的是地址的拷贝，函数内修改属性会影响原对象。

function modify(x, obj) {
  x = 10;
  obj.value = 20;
}
let a = 5;
let b = { value: 10 };
modify(a, b);
console.log(a); // 输出：5（未改变）
console.log(b.value); // 输出：20（被修改）

注意：虽然引用类型可修改内容，但若在函数内重新赋值整个参数，不会影响外部。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。