1. 函数声明:
function add(x: number, y: number): number {
return x + y;
}
let result: number = add(3, 5);
console.log(result); // 输出: 8
在上述例子中,add 函数接受两个参数 x 和 y,两个参数都被注解为 number 类型,函数返回值也被注解为 number 类型。
2. 可选参数和默认参数:
function greet(name: string, greeting?: string): string {
if (greeting) {
return `${greeting}, ${name}!`;
} else {
return `Hello, ${name}!`;
}
}
let message1: string = greet("John");
let message2: string = greet("John", "Good morning");
在上述例子中,greeting 参数被标记为可选,可以传递也可以不传递。另外,你还可以为参数提供默认值:
function greet(name: string, greeting: string = "Hello"): string {
return `${greeting}, ${name}!`;
}
3. 剩余参数(Rest Parameters):
function sum(...numbers: number[]): number {
return numbers.reduce((total, num) => total + num, 0);
}
let result: number = sum(1, 2, 3, 4, 5);
console.log(result); // 输出: 15
在上述例子中,...numbers 表示剩余参数,它将所有传递给函数的参数放入一个数组中。
4. 函数重载:
TypeScript 允许你为同一个函数提供多个类型签名,称之为函数重载。
function add(x: number, y: number): number;
function add(x: string, y: string): string;
function add(x: any, y: any): any {
return x + y;
}
let result1: number = add(3, 5);
let result2: string = add("Hello", "TypeScript");
5. 箭头函数:
箭头函数是一种更简洁的函数声明方式:
let add = (x: number, y: number): number => x + y;
let result: number = add(3, 5);
console.log(result); // 输出: 8
这些是 TypeScript 中函数的一些基本用法。函数是 TypeScript 中的重要概念,通过合理使用函数,可以使代码更加模块化、可读性更强。
转载请注明出处:http://www.zyzy.cn/article/detail/13014/TypeScript