TypeScript 的核心要素：类、函数与泛型

2024-01-14 23:05:29

类

TypeScript 中的类与 JavaScript 中的类非常相似，它们都是使用 class 定义的。类的定义包含以下几个部分：

类名：类的名称。
类体：类的主体部分，包含类的属性和方法。
属性：类的成员变量，用于存储数据。
方法：类的成员函数，用于处理数据和执行操作。

class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  speak() {
    console.log(`I am ${this.name}`);
  }
}

const dog = new Animal('Dog');
dog.speak(); // Output: I am Dog

函数

TypeScript 中的函数与 JavaScript 中的函数非常相似，它们都是使用 function 关键字定义的。函数的定义包含以下几个部分：

函数名：函数的名称。
函数体：函数的主体部分，包含函数的逻辑。
参数：函数的参数，用于接收函数需要处理的数据。
返回值：函数的返回值，用于返回函数处理后的结果。

function sum(a: number, b: number): number {
  return a + b;
}

const result = sum(1, 2);
console.log(result); // Output: 3

泛型

TypeScript 中的泛型是一种非常强大的特性，它允许我们定义可以处理不同类型数据的函数和类。泛型的定义使用尖括号 <> 来指定类型参数。

function identity<T>(value: T): T {
  return value;
}

const numberValue = identity(1);
console.log(numberValue); // Output: 1

const stringValue = identity('Hello');
console.log(stringValue); // Output: Hello