当前位置：首页 > news >正文

泛型接口：允许在接口中使用类型参数

news 2025/6/8 9:32:54

🤍 前端开发工程师、技术日更博主、已过CET6
🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1
🕠 牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》
🍚 蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

文章目录

泛型接口（Generic Interfaces）允许在接口中使用类型参数，从而使接口更加通用和灵活。通过泛型接口，可以定义适用于多种类型的结构，提高代码的重用性与类型安全性。

在这里插入图片描述

泛型接口的基本概念

泛型接口通过在接口名后添加尖括号 <T> 来定义类型参数。实现该接口的类或对象需要指定具体的类型来替换这些类型参数。

示例

定义泛型接口

interface Container<T> {
value: T;
setValue(value: T): void;
getValue(): T;
}

在这个例子中，Container 是一个泛型接口，T 是类型参数，表示容器中存储的值的类型。

实现泛型接口

class StringContainer implements Container<string> {
value: string;constructor(value: string) {
this.value = value;
}setValue(value: string): void {
this.value = value;
}getValue(): string {
return this.value;
}
}class NumberContainer implements Container<number> {
value: number;constructor(value: number) {
this.value = value;
}setValue(value: number): void {
this.value = value;
}getValue(): number {
return this.value;
}
}

在这个例子中，StringContainer 和 NumberContainer 分别实现了 Container<string> 和 Container<number>，指定了具体的类型参数。

泛型接口的优势

代码重用：通过泛型接口，可以编写适用于多种类型的通用代码，减少重复代码。
类型安全：泛型接口在编译时进行类型检查，确保类型安全。
灵活性：泛型接口提供了更高的灵活性，可以在不同的上下文中使用相同的接口。

泛型接口的约束

有时需要对泛型类型参数进行约束，以确保它们满足特定的条件。

interface Comparable<T> {
compareTo(other: T): number;
}class Person implements Comparable<Person> {
name: string;
age: number;constructor(name: string, age: number) {
this.name = name;
this.age = age;
}compareTo(other: Person): number {
return this.age - other.age;
}
}