typescript 泛型接口和泛型函数的区别

TypeScript中，泛型接口和泛型函数都是用来处理一些通用性问题的。

泛型接口是一个在定义时不指定具体类型的接口，而是在使用时才指定具体类型。它可以用来定义一些通用的数据结构，比如数组、字典等。例如：

interface IArray<T> {
  length: number;
  [index: number]: T;
}

let arr: IArray<string> = ['a', 'b', 'c'];

泛型函数是一个在定义时不指定具体类型的函数，而是在调用时才指定具体类型。它可以用来处理一些通用的数据处理逻辑，比如排序、过滤等。例如：

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

let output = identity<string>('hello');

区别在于，泛型接口是用来定义通用的数据结构，而泛型函数是用来处理通用的数据处理逻辑。泛型接口定义了一个接口的结构，而泛型函数定义了一个函数的结构。另外，泛型接口和泛型函数都可以指定具体类型来实现类型约束。

相关问题

typescript 泛型

泛型是 TypeScript 中的一个强大功能，可以帮助你在不指定类型的情况下，创建可重用的组件。

例如，你可以使用泛型创建一个函数，该函数可以接受任何类型的参数，并返回与参数类型相同的值：

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

你还可以使用泛型创建类型安全的数组：

class ArrayOfThings<T> {
  constructor(public collection: T[]) {}

  get(index: number): T {
    return this.collection[index];
  }
}

const arr = new ArrayOfThings<string>(['a', 'b', 'c']);

泛型还可以用于接口，枚举等。它们可以帮助你编写灵活，可重用的代码，并确保在运行时始终保持类型安全。

TypeScript 泛型

TypeScript中的泛型是一种强大的特性，它允许你在定义函数、接口或类时使用一种类型参数，这样可以创建可重用的代码，适应多种类型。泛型的主要目的是提高代码的灵活性和可扩展性。

1. **函数泛型**[^4]:

function identity<T>(arg: T): T {
  return arg;
}
let result: string = identity<string>("Hello"); // 使用类型参数T为string

在这个例子中，`identity`函数接受一个类型参数`T`，并返回与输入相同类型的值。

2. **接口泛型**[^5]:

interface Pair<T> {
  first: T;
  second: T;
}
let pair: Pair<number> = { first: 1, second: 2 };

`Pair`接口使用`T`作为键和值的数据类型。

3. **类泛型**[^6]:

class ArraySum<T> {
  total: T;
  constructor(items: T[]) {
    this.total = items.reduce((sum, item) => sum + item, 0);
  }
}
let sumInstance = new ArraySum<number>([1, 2, 3]); // 创建一个处理数字的实例

`ArraySum`类使用泛型来表示可以进行加法操作的数据类型。