JavaScript 函数带参数266

在 JavaScript 中，函数可以接受参数，即传递给函数的数据。这允许我们根据输入数据执行不同的操作并计算结果。

函数参数的语法

以下是如何在 JavaScript 函数中声明参数的语法：
function myFunction(param1, param2, ..., paramN) {
// 函数体
}

其中 param1、param2、...、paramN 是函数的参数。可以声明任意数量的参数，它们用逗号分隔。

传递参数

要传递参数给函数，我们在调用函数时将它们放在圆括号内，如下所示：
myFunction(value1, value2, ..., valueN);

其中 value1、value2、...、valueN 是要传递给函数的参数值。传递的参数必须与函数声明中参数的顺序和类型相匹配。

函数参数的类型和默认值

JavaScript 函数参数的类型是松散的，这意味着它们可以接受不同类型的值。但是，在某些情况下，例如进行数学运算时，不同的数据类型可能导致意外的结果。

为了避免此问题，我们可以指定函数参数的类型。使用 @param 注释可以指定预期类型，如下所示：
/
* @param {number} num1
* @param {number} num2
*/
function add(num1, num2) {
return num1 + num2;
}

我们还可以为函数参数设置默认值。这允许我们调用函数而不传递特定参数，从而使用默认值。使用 = 运算符为参数设置默认值，如下所示：
function greet(name = "World") {
("Hello, " + name + "!");
}

函数参数的传递方式

JavaScript 函数参数以值传递。这意味着传递给函数的参数值被复制到函数内部，因此对参数值的任何修改都不会影响外部值。

如果需要修改外部变量，可以使用引用传递，即使用对象或数组作为参数。在这种情况下，函数内部对参数的修改也会反映在外部变量中。

剩余参数（...args）

使用剩余参数（也称为可变参数或不定参数），我们可以传递任意数量的参数给函数。剩余参数必须始终是函数参数列表中的最后一个参数。它使用 ... 运算符来表示，如下所示：
function sum(...numbers) {
let total = 0;
for (let num of numbers) {
total += num;
}
return total;
}

在调用该函数时，我们可以传递任意数量的参数，而无需考虑参数数量。

函数参数是 JavaScript 编程中一个强大的工具，可用于使函数更通用、更灵活。通过理解函数参数的语法、类型、默认值、传递方式和剩余参数，我们可以编写更有效、更可重用的代码。

2025-02-05

上一篇：IE7 中使用 JavaScript

下一篇：JavaScript 中的参数传递：值传递与引用传递