在 JavaScript 中,函数参数是函数定义时声明的变量,它们用于接收传递给函数的值。函数可以接收零个或多个参数,并在函数体内使用这些参数进行操作。以下是有关 JavaScript 函数参数的一些重要概念:

1. 形参和实参:

  •  形参(Formal Parameters): 函数定义时声明的变量称为形参。形参是在函数体内可见的局部变量,用于接收调用函数时传递的实参的值。

  function add(x, y) {
    // x 和 y 是形参
    return x + y;
  }

  •  实参(Actual Arguments): 在函数调用时传递给函数的值称为实参。实参的值会被赋给对应的形参。

  var result = add(3, 5);
  // 3 和 5 是实参,它们传递给函数 add 的形参 x 和 y

2. 默认参数(Default Parameters):

在 ES6 中引入了默认参数的概念,允许在函数定义时为参数指定默认值。如果调用函数时未提供相应的实参,将使用默认值。
function greet(name = "Guest") {
  console.log("Hello, " + name + "!");
}

greet();          // 输出 "Hello, Guest!"
greet("John");    // 输出 "Hello, John!"

3. 剩余参数(Rest Parameters):

在函数定义时,可以使用剩余参数语法(...)来表示接收不定数量的实参,这些实参会被收集成一个数组。
function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

console.log(sum(1, 2, 3, 4)); // 输出 10

4. 参数解构(Parameter Destructuring):

使用对象解构或数组解构的方式,可以在函数参数中提取对象或数组的属性值,使得调用时更灵活。

对象解构:
function printPerson({ firstName, lastName }) {
  console.log(firstName, lastName);
}

var person = { firstName: "John", lastName: "Doe" };
printPerson(person); // 输出 "John Doe"

数组解构:
function printNumbers([a, b, c]) {
  console.log(a, b, c);
}

var numbers = [1, 2, 3];
printNumbers(numbers); // 输出 "1 2 3"

理解和使用好函数参数对于编写清晰、可维护的代码至关重要。在设计函数接口时,要考虑参数的默认值、剩余参数、解构等特性,以便提高函数的灵活性和可读性。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12813/JavaScript