ts 函数形参结构
在TypeScript中,函数的形参也要遵循一定的规则和结构。本文将介绍 TS 函数形参的结构以及如何在函数中声明这些形参。
基本形参
在 TypeScript 中,基本的形参类型有以下几种:
- number:表示数值类型;
- string:表示字符串类型;
- boolean:表示布尔类型;
- any:表示任意类型;
- void:表示无返回值。
这些类型的形参在函数声明时可以直接声明,如下所示:
```
function add(a: number, b: number): number {
return a + b;
}
function greet(na string): void {
console.log(`Hello, ${name}!`);
}
```
可选形参
有些函数的形参是可选的,即在调用函数时可以不传递这些参数。在 TypeScript 中,可选形参使用 `?` 来表示,如下所示:
```
function greet(name?: string): void {
if (name) {
console.log(`Hello, ${name}!`);
} else {
console.log(`Hello, stranger!`);
}
}
```
在调用 `greet` 函数时,可以不传递 `name` 参数,或者传递一个字符串参数。如果不传递参数,则输出 `Hello, stranger!`;如果传递参数,则输出 `Hello, ${name}!`。
默认形参
有些函数的形参有默认值,即在调用函数时如果不传递这些参数,则会使用默认值。在 TypeScript 中,可以使用 `=` 来为形参设置默认值,如下所示:
```
function greet(na string = 'stranger'): void {
console.log(`Hello, ${name}!`);
}
```
在调用 `greet` 函数时,可以不传递 `name` 参数,或者传递一个字符串参数。如果不传递参数,则使用默认值 `'stranger'`;如果传递参数,则使用传递的参数值。
剩余形参
有些函数的形参可能有多个,但是这些形参的数量在函数声明时是不确定的。在 TypeScript 中,可以使用剩余形参来表示这种情况。剩余形参使用 `...` 来表示,如下所示:
```
function sum(...numbers: number[]): number {
duce((a, b) => a + b, 0);
}
```
在调用 `sum` 函数时,可以传递任意数量的数值参数,如下所示:
```
sum(); // 0
sum(1); // 1
字符串函数传参 sum(1, 2); // 3
sum(1, 2, 3); // 6
```
总结
本文介绍了 TypeScript 中函数形参的结构和用法,包括基本形参、可选形参、默认形参和剩余形参。了解这些内容可以让我们写出更加规范和灵活的 TypeScript 代码。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论