typescript 中的泛型数组

背景

在 TypeScript 中，泛型数组允许我们创建一个可以处理任意类型元素的数组。这种灵活性使得代码更加可重用和类型安全。

基本语法

使用泛型数组的语法如下：

1
2
3
function logArrayElements<T>(items: T[]): void {
    items.forEach(item => console.log(item));
}
  • T：泛型占位符，代表任意类型。
  • items: T[]：参数 items 是一个包含任意类型元素的数组。

使用示例

定义一个处理数字数组的函数：

1
2
const numbers = [1, 2, 3];
logArrayElements<number>(numbers);

定义一个处理字符串数组的函数：

1
2
const strings = ["a", "b", "c"];
logArrayElements<string>(strings);

对比

特性 泛型数组 普通数组
灵活性 高 低
类型安全 是 否
可重用性 高 低

注意点

  • 泛型占位符可以是任何有效标识符，但通常使用大写字母如 T 来表示。
  • 在调用函数时，可以显式指定泛型类型，也可以让 TypeScript 自动推断。

通过使用泛型数组，代码不仅更具适应性，还能在编译时获得类型检查，从而减少运行时错误。