说下你对函数的形参与实参的理解

在前端开发中，函数的参数是函数的重要组成部分，它允许我们向函数传递数据，并在函数内部使用这些数据进行操作。函数参数分为形参和实参，它们之间有着重要的区别：

形参 (Formal Parameters):

• 形参是函数定义时在函数名后面的括号中声明的变量名。
• 它们就像函数内部的占位符，用于接收将来调用函数时传递的实际值。
• 在函数定义中，形参只是一个名称，没有实际的值。
• 可以理解为函数的“输入接口”。

实参 (Actual Parameters / Arguments):

• 实参是函数调用时实际传递给函数的值。
• 它们是赋给形参的具体数据。
• 实参可以是各种数据类型，例如数字、字符串、布尔值、数组、对象等。
• 可以理解为传递给函数的“实际数据”。

举例说明：

function greet(name, age) { // name 和 age 是形参
  console.log("Hello, " + name + "! You are " + age + " years old.");
}

greet("Alice", 30); // "Alice" 和 30 是实参

在这个例子中：

• name 和 age 是函数 greet 的形参。在函数定义时，它们只是占位符，没有实际值。
• 当我们调用 greet("Alice", 30) 时，"Alice" 和 30 就是实参。它们分别被传递给形参 name 和 age。函数内部的代码会使用这些实参进行操作，最终输出 "Hello, Alice! You are 30 years old."。

关键区别总结：

特性	形参	实参
定义	函数定义时声明	函数调用时传递
作用	占位符，接收值	实际传递给函数的值
值	在函数定义时没有值	具体的数值、字符串、对象等
位置	函数名后的括号内	函数调用时的括号内

在 JavaScript 中的一些补充说明：

• 参数默认值: ES6 引入了参数默认值，可以在函数定义时为形参指定默认值。如果调用函数时没有提供对应的实参，则使用默认值。例如：function greet(name = "Guest") { ... }
• 剩余参数: 使用 ... 可以将多个实参收集到一个数组中。例如：function sum(...numbers) { ... }
• arguments 对象: 在函数内部，arguments 对象是一个类数组对象，包含了所有传递给函数的实参，即使没有在形参中声明。 (不推荐使用，剩余参数是更好的选择)

理解形参和实参的区别对于编写正确的函数至关重要。 通过正确地使用形参和实参，我们可以创建灵活和可复用的函数，从而提高代码的可 maintainability。