TypeScript 类、泛型的使用实践记录

TypeScript是一种强类型的JavaScript超集，支持静态类型检查和类型推断。在TypeScript中，类和泛型是强大的特性，能够使我们的代码更具可读性和灵活性。在本文中，我们将探讨TypeScript中类和泛型的使用方法和场景，并介绍如何使用类型约束来增加代码的灵活性和安全性。

1. TypeScript类的基本使用

TypeScript类与JavaScript类基本一致，但增加了类型注解和类型检查。我们可以定义属性、方法和构造函数，并在类中使用访问修饰符来控制成员的访问权限。

class Person {
  private name: string;
  constructor(name: string) {
    this.name = name;
  }

  public sayHello(): void {
    console.log(`Hello, my name is ${this.name}.`);
  }
}

const person = new Person("John");
person.sayHello(); // 输出：Hello, my name is John.

2. TypeScript泛型的使用

泛型是指在定义函数、类或接口时，不预先指定具体的类型，而是在使用时再指定类型。这样可以增加代码的灵活性和重用性。

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

const value: number = identity(42); // 泛型函数调用

3. 使用类型约束增加代码安全性

有时，我们希望泛型参数必须符合某些条件，以增加代码的安全性。可以使用类型约束来限制泛型的类型。

interface Lengthwise {
  length: number;
}

function logLength<T extends Lengthwise>(arg: T): void {
  console.log(`Length of ${arg} is ${arg.length}`);
}

logLength("hello"); // 输出：Length of hello is 5
logLength([1, 2, 3]); // 输出：Length of 1,2,3 is 3

4. 泛型在类中的使用

泛型也可以在类中使用，使得类中的属性或方法支持多种类型。

class Box<T> {
  private value: T;
  constructor(value: T) {
    this.value = value;
  }

  public getValue(): T {
    return this.value;
  }
}

const box1 = new Box<number>(42);
console.log(box1.getValue()); // 输出：42

const box2 = new Box<string>("hello");
console.log(box2.getValue()); // 输出：hello

结论

TypeScript的类和泛型是强大的工具，能够增加代码的可读性、灵活性和安全性。类和泛型的结合使用，可以更好地处理复杂的数据类型，并增强代码的重用性。通过合理的类型约束，我们可以减少错误并提高代码的健壮性。

在使用类和泛型时，应根据实际情况选择合适的设计模式和类型约束，使得代码更具可维护性和扩展性。