在 TypeScript 中,函数的声明和使用方式与 JavaScript 类似,但 TypeScript 提供了静态类型检查以及一些其他功能。以下是 TypeScript 中函数的基本用法:

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