JavaScript 参数总和 - JavaScript

在 JavaScript 中，函数定义时可以通过参数来接收外部传入的数据，并在函数内部进行处理。本文将介绍 JavaScript 中参数的使用方法。

基础概念

函数参数是在函数定义时声明的变量，用于在函数内部处理数据。JavaScript 中的函数参数有两种类型：

1. 形式参数：在函数定义时声明的参数，也称为“形参”；
2. 实际参数：在函数调用时传入的参数，也称为“实参”。

形式参数与实际参数的数量可以不一致，但是实际参数必须按照顺序与形式参数一一对应。

参数类型

JavaScript 中的函数参数可以是任意类型，包括数字、字符串、数组、对象等。以下是常见的参数类型：

1. 数字参数

function add(a, b) {
  return a + b;
}

console.log(add(1, 2)); // 输出 3

2. 字符串参数

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("World")); // 输出 "Hello, World!"

3. 数组参数

function sum(numbers) {
  var result = 0;
  for (var i = 0; i < numbers.length; i++) {
    result += numbers[i];
  }
  return result;
}

console.log(sum([1, 2, 3, 4, 5])); // 输出 15

4. 对象参数

function greet(person) {
  return "Hello, " + person.name + "!";
}

console.log(greet({ name: "World" })); // 输出 "Hello, World!"

默认参数

在 JavaScript 中，函数参数也可以设置默认值。如果在函数调用时没有传入对应参数，将使用默认值。以下是示例代码：

function greet(name = "World") {
  return "Hello, " + name + "!";
}

console.log(greet()); // 输出 "Hello, World!"
console.log(greet("JavaScript")); // 输出 "Hello, JavaScript!"

剩余参数

在 JavaScript 中，函数还可以使用剩余参数来接收不定数量的实参。定义剩余参数时，需要使用三个点符号（...）。以下是示例代码：

function sum(...numbers) {
  var result = 0;
  for (var i = 0; i < numbers.length; i++) {
    result += numbers[i];
  }
  return result;
}

console.log(sum(1, 2, 3)); // 输出 6
console.log(sum(1, 2, 3, 4, 5)); // 输出 15

参考文献

1. MDN-函数参数
2. MDN-默认参数
3. MDN-剩余参数