函数参数简介：让 JavaScript 函数更灵活46

在 JavaScript 中，函数是用来执行特定任务的可重用代码块。为了使函数更灵活，我们可以向其传递参数，也就是函数输入的数据，从而根据不同的参数值执行不同的操作。

带参数的函数语法

带有参数的函数语法如下：```javascript
function functionName(parameter1, parameter2, ..., parameterN) {
// 函数体
}
```

其中 functionName 是函数的名称，parameter1 到 parameterN 是函数的参数。参数可以是任何 JavaScript 数据类型，包括字符串、数组或对象。

调用带参数的函数

要调用带参数的函数，我们需要在函数名后面传递参数值，如下所示：```javascript
functionName(argument1, argument2, ..., argumentN);
```

其中 argument1 到 argumentN 是实际传递给函数的参数值。参数值必须与函数参数的类型和顺序相匹配。

使用参数的示例

以下示例演示了如何使用带参数的函数：```javascript
function sum(num1, num2) {
return num1 + num2;
}
const result = sum(10, 20);
(result); // 输出：30
```

在这个示例中，函数 sum 有两个参数 num1 和 num2。当函数被调用时，我们传递参数 10 和 20，函数将这两个数字相加并返回结果 30。

默认参数值

在 JavaScript 中，我们可以为函数参数指定默认值。如果在调用函数时未提供参数值，则使用默认值。默认参数值语法如下：```javascript
function functionName(parameter1 = defaultValue1, parameter2 = defaultValue2, ..., parameterN = defaultValueN) {
// 函数体
}
```

以下示例演示如何使用默认参数值：```javascript
function greet(name = "World") {
(`Hello, ${name}!`);
}
greet(); // 输出：Hello, World!
greet("John"); // 输出：Hello, John!
```

在这个示例中，函数 greet 有一个带默认值 "World" 的参数 name。当函数被调用而没有提供参数值时，它将使用默认值 "World" 并输出 Hello, World!。

使用剩余参数（Rest 参数）

Rest 参数允许我们传递任意数量的参数到一个函数。Rest 参数使用三个点（...）表示，并且必须是函数的最后一个参数。它将剩余的参数收集到一个数组中。```javascript
function sum(...numbers) {
let total = 0;
for (const number of numbers) {
total += number;
}
return total;
}
const result = sum(1, 2, 3, 4, 5);
(result); // 输出：15
```

在这个示例中，函数 sum 有一个 rest 参数 numbers。当函数被调用时，所有剩余的参数（1、2、3、4 和 5）都被收集到数组 numbers 中。函数对数组中的数字求和并返回总和 15。

在 JavaScript 中，带参数的函数使我们能够根据不同的输入数据执行不同的操作，从而增强了函数的灵活性。默认参数值和 rest 参数提供了额外的控制和便利性。通过了解这些概念，我们可以编写更强大、更可重用的函数，从而简化我们的 JavaScript 代码。

2025-02-07

上一篇：如何高效压缩 JavaScript 字符串

下一篇：JavaScript 的标识符