MST

星途 面试题库

面试题:TypeScript中如何实现一个简单的泛型接口并阐述其优势

请用TypeScript代码实现一个泛型接口,用于描述一个返回特定类型数据的函数,例如这个函数可以返回字符串或数字。然后解释在这种场景下使用泛型接口相比于普通接口的优势有哪些。
30.7万 热度难度
前端开发TypeScript

知识考点

AI 面试

面试题答案

一键面试

代码实现

// 定义泛型接口
interface ReturnTypeFunc<T> {
    (): T;
}

// 使用泛型接口
const getString: ReturnTypeFunc<string> = () => "Hello";
const getNumber: ReturnTypeFunc<number> = () => 42;

泛型接口相比于普通接口的优势

  1. 复用性更高:普通接口只能针对一种特定类型进行定义,而泛型接口可以通过传入不同的类型参数,适配多种数据类型,减少重复代码。例如,普通接口要分别定义返回字符串和返回数字的接口,而泛型接口通过<T>可以复用这个函数接口定义。
  2. 灵活性更强:在开发通用组件或工具库时,泛型接口允许使用者在使用时动态指定具体类型,提高了代码的通用性和灵活性。如果使用普通接口,就需要为每种可能的返回类型都定义一个接口,使用起来非常繁琐。