JavaScript 函数参数228

在 JavaScript 中，函数参数用于向函数传递数据。它们是函数定义的一部分，并且可以被函数体内的代码访问和使用。函数可以接受一个或多个参数，并且每个参数都必须有一个类型注解。

函数参数的类型注解指定了函数期望接收的参数类型。这有助于确保代码的健壮性和可维护性，因为编译器可以检查参数类型是否与期望的类型匹配。如果类型不匹配，编译器将发出错误或警告。

JavaScript 中有两种主要类型的函数参数：值参数和引用参数。值参数是按值传递的，这意味着函数体内的代码对参数所做的任何更改都不会影响函数外部的原始值。引用参数是按引用传递的，这意味着函数体内的代码对参数所做的任何更改都会反映到函数外部的原始值。

值参数

值参数是 JavaScript 中最常见的参数类型。它们按值传递，这意味着函数体内的代码对参数所做的任何更改都不会影响函数外部的原始值。以下示例演示了值参数如何工作：```javascript
function add(a, b) {
a = a + 1;
b = b + 1;
}
let x = 10;
let y = 20;
add(x, y);
(x); // 10
(y); // 20
```

在上面的示例中，`add` 函数接受两个值参数 `a` 和 `b`。函数体内的代码将 `a` 和 `b` 的值分别加 1，但是这些更改不会影响函数外部的原始值。因此，当函数执行完成后，`x` 和 `y` 的值仍然是 10 和 20。

引用参数

引用参数按引用传递，这意味着函数体内的代码对参数所做的任何更改都会反映到函数外部的原始值。以下示例演示了引用参数如何工作：```javascript
function add(a, b) {
a[0] = a[0] + 1;
b[0] = b[0] + 1;
}
let x = [10];
let y = [20];
add(x, y);
(x); // [11]
(y); // [21]
```

在上面的示例中，`add` 函数接受两个引用参数 `a` 和 `b`。函数体内的代码修改了 `a` 和 `b` 数组的第一个元素，这些更改反映到函数外部的原始数组。因此，当函数执行完成后，`x` 和 `y` 的值分别为 [11] 和 [21]。

默认参数

JavaScript 函数可以具有默认参数，这些参数在调用函数时可以省略。默认参数在函数定义时指定，如下所示：```javascript
function add(a, b = 10) {
return a + b;
}
(add(10)); // 20
(add(10, 5)); // 15
```

在上面的示例中，`add` 函数接受两个参数：`a` 和 `b`。参数 `b` 有一个默认值 10，这意味着如果在调用函数时省略该参数，则将使用默认值。因此，当函数被调用而不指定 `b` 的值时，`b` 的值将默认为 10，函数将返回 `a` 和 `b` 的和。

剩余参数

JavaScript 函数可以使用剩余参数，这些参数允许函数接收任意数量的参数。剩余参数必须是函数参数列表中的最后一个参数，如下所示：```javascript
function sum(...numbers) {
let total = 0;
for (const number of numbers) {
total += number;
}
return total;
}
(sum(1, 2, 3, 4, 5)); // 15
```

在上面的示例中，`sum` 函数使用剩余参数 `numbers`。`numbers` 参数可以接收任意数量的参数，函数体内的代码使用 `for...of` 循环迭代这些参数并计算它们的和。

JavaScript 函数参数是向函数传递数据的强大机制。它们可以是值参数或引用参数，并且可以具有默认值或作为剩余参数。了解如何有效地使用函数参数对于编写健壮且可维护的 JavaScript 代码至关重要。

2024-12-01

上一篇：Javascript保留字，初学者指南

下一篇：JavaScript 取整方法