TypeScript 类、泛型的使用实践记录|青训营

泛型是一种让类型变得更加灵活的方法，它可以在多种类型的地方使用相同的代码。在TypeScript中，使用泛型可以让我们在编写函数、接口和类时，将类型作为参数传递给它们，从而实现一种对类型进行抽象和复用的方式。

在TypeScript中，泛型可以应用于函数、接口和类等多个场景。以下是一些常见的使用方法和场景： 1.函数泛型：使用泛型可以让函数具有更大的通用性。在函数定义时，通过使用 <T> 或其他类型参数来表示泛型。例如：

function identity<T>(arg: T): T {
  return arg;
}
// 使用
const result = identity<number>(10);
console.log(result); // 10

2.接口泛型： 例如：

interface Box<T> {
  value: T;
}
// 使用
const stringBox: Box<string> = { value: "Hello" };
const numberBox: Box<number> = { value: 42 };

3.类泛型： 例如：

class Container<T> {
  private value: T;

  constructor(value: T) {
    this.value = value;
  }

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

// 使用
const numberContainer = new Container<number>(42);
console.log(numberContainer.getValue()); // 42
const stringContainer = new Container<string>("Hello");
console.log(stringContainer.getValue()); // "Hello"

泛型提供了一种在多个地方使用相同代码的方法，以适应不同的数据类型。它可以增加代码的灵活性和安全性，并提供了一种通用的方式来处理不同类型的数据。 泛型类还可以通过继承其他泛型类来进一步扩展其灵活性。我们可以使用泛型约束来限制派生类的类型参数。例如，我们可以创建一个类 DerivedContainer<T extends number>，该类继承自 Container<T>，但限制泛型类型 T必须是 number 类型。示例如下：

class DerivedContainer<T extends number> extends Container<T> {
  getSum(): number {
    let sum = 0;
    for (const item of this.getAll()) {
      sum += item;
    }
    return sum;
  }
}

const numberContainer = new DerivedContainer<number>();
numberContainer.add(1);
numberContainer.add(2);
console.log(numberContainer.getSum()); // 3

这样，我们就可以在派生类中使用 number 类型的方法和属性。

通过使用泛型类，我们可以更好地实现代码的灵活性和安全性。泛型类可以帮助我们避免类型转换错误，并提供一种通用的方法来处理不同类型的数据。这对于开发可重用的和健壮的代码非常有用。