Typescript通用接口，其中属性名称和类型均为"T“

Typescript通用接口

基础概念

在TypeScript中，通用接口（Generic Interface）允许你定义一个接口，其中的某些属性或方法可以接受多种类型。这种灵活性使得接口能够适应不同的数据类型，而不需要为每种类型单独定义接口。

类型

通用接口通常使用泛型参数（如<T>）来表示可变的类型。例如：

interface GenericInterface<T> {
    property: T;
    method(arg: T): void;
}

在这个例子中，T是一个泛型参数，可以在实例化接口时指定具体的类型。

应用场景

数据模型：当需要定义一个可以存储任意类型数据的模型时。
函数库：在编写可重用的函数库时，可以使用通用接口来确保函数的输入和输出类型正确。
框架开发：在开发框架或库时，使用通用接口可以提高代码的灵活性和可扩展性。

示例代码

下面是一个具体的示例，展示了如何使用通用接口：

// 定义一个通用接口
interface Box<T> {
    value: T;
    setValue(newValue: T): void;
    getValue(): T;
}

// 实现Box接口，指定T为number类型
class NumberBox implements Box<number> {
    value: number;

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

    setValue(newValue: number): void {
        this.value = newValue;
    }

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

// 实现Box接口，指定T为string类型
class StringBox implements Box<string> {
    value: string;

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

    setValue(newValue: string): void {
        this.value = newValue;
    }

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

// 使用NumberBox
const numberBox = new NumberBox(10);
console.log(numberBox.getValue()); // 输出: 10
numberBox.setValue(20);
console.log(numberBox.getValue()); // 输出: 20

// 使用StringBox
const stringBox = new StringBox("Hello");
console.log(stringBox.getValue()); // 输出: Hello
stringBox.setValue("World");
console.log(stringBox.getValue()); // 输出: World