JavaScript 函数参数22

概述

在 JavaScript 中，函数的参数用于向函数传递数据。当函数被调用时，参数的值被赋给函数内定义的局部变量。参数可以是任何类型的 JavaScript 值，包括原始类型（例如字符串、数字和布尔值）和引用类型（例如对象、数组和函数）。

声明参数

函数参数在函数定义中声明，位于函数名和花括号之间。参数使用逗号分隔，如下所示：```javascript
function add(num1, num2) {
// ...
}
```

在这个例子中，add 函数有两个参数：num1 和 num2。

传递参数

当函数被调用时，将参数值传递给函数。参数值指定在函数括号内，如下所示：```javascript
add(1, 2);
```

在这个例子中，数字 1 和 2 被传递给 add 函数作为 num1 和 num2 的值。

参数的类型

参数可以是任何类型的 JavaScript 值，包括：* 原始类型：字符串、数字和布尔值
* 引用类型：对象、数组和函数

参数的类型可以在函数定义中使用类型注释指定，如下所示：```javascript
function add(num1: number, num2: number): number {
// ...
}
```

在这个例子中，add 函数的 num1 和 num2 参数被标记为数字类型，并且函数本身返回一个数字类型的值。

默认参数值

可以在参数声明中指定默认参数值。如果在函数调用中未提供参数值，将使用默认值。默认参数值使用等号（=）指定，如下所示：```javascript
function greet(name: string = "John") {
// ...
}
```

在这个例子中，greet 函数的 name 参数有一个默认值 "John"。如果在函数调用中未提供 name 参数值，将使用默认值 "John"。

剩余参数

剩余参数允许将多个参数传递给函数，而无需明确声明每个参数。剩余参数使用三个点（...）表示，如下所示：```javascript
function sum(...numbers: number[]) {
// ...
}
```

在这个例子中，sum 函数的 numbers 参数是一个剩余参数，允许传递任意数量的数字作为参数。剩余参数值存储在数组中，该数组可以在函数体内使用。

解构参数

解构参数允许将对象或数组的属性直接传递给函数。这可以简化函数调用并提高代码的可读性。解构参数使用大括号 ({}) 表示，如下所示：```javascript
function printName({ firstName, lastName }) {
// ...
}
```

在这个例子中，printName 函数的 { firstName, lastName } 参数解构了一个对象，将 firstName 和 lastName 属性值直接传递给函数。

参数是 JavaScript 函数的重要组成部分，用于向函数传递数据。可以通过声明、传递、指定类型、提供默认值、使用剩余参数和解构参数来管理函数参数。

2024-12-08

上一篇：JavaScript 中的 this 关键字

下一篇：Javascript 表达式详解