TypeScript 类、泛型的使用实践记录｜青训营TypeScript 的出现，对于许多前端开发者而言，犹如初春的一

TypeScript 的出现，对于许多前端开发者而言，犹如初春的一缕温暖阳光。在我初次接触TypeScript时，它为我带来了诸多的灵活性和安全性，特别是当我深入研究其泛型（Generics）特性时，更是叹为观止。

泛型的设计目标之一是在编译时保持类型安全性，同时在实现方法、类或接口时保持代码的重用性。正如过去在JavaScript中重用代码时我们可能需要牺牲类型安全，TypeScript 的泛型则赋予了我们两者都可得的超能力。

1. 基础的泛型使用

假设我们要设计一个函数，该函数可以返回任何数组的最后一个元素。不使用泛型，我们可能这样做：

function getLastItem(arr: any[]): any {
    return arr[arr.length - 1];
}

但这会丧失输入与返回值的类型信息。引入泛型：

function getLastItem<T>(arr: T[]): T {
    return arr[arr.length - 1];
}

在这里，T 可以看作是一个“类型变量”，代表任意类型。当你调用这个函数时，TypeScript 会根据你传入的数组类型推断出 T 的实际类型。

2. 泛型约束

但泛型不仅限于上述这种形式，有时我们希望约束泛型的范围。例如，我们想要一个函数只接受那些具有 .length 属性的参数。可以这样：

interface HasLength {
    length: number;
}

function logLength<T extends HasLength>(item: T): void {
    console.log(item.length);
}

这里的 extends 关键字帮助我们设定了泛型的约束，增强了代码的灵活性与安全性。

3. 泛型在类中的应用

泛型也可以用于类的定义。想象一个简单的数据存储类：

class DataStore<T> {
    private data: T[] = [];
    
    add(item: T) {
        this.data.push(item);
    }
    
    remove(item: T) {
        const index = this.data.indexOf(item);
        if (index > -1) {
            this.data.splice(index, 1);
        }
    }
}

此时，无论你想存储数字、字符串还是其他数据类型，都可以轻松实现。

个人感受

在我的开发经验中，TypeScript 的泛型功能为我的项目提供了无与伦比的优势。代码更加整洁，而类型系统的支持也让我更加自信地进行代码重构，无需担心一些难以追踪的运行时错误。总之，通过合理地利用TypeScript中的泛型和类型约束，我们不仅可以编写出更具有灵活性的代码，而且还能确保代码的安全性，真正地做到了“安全与效率并存”。

在未来的编程旅途中，我也希望继续探索TypeScript和其他类型系统中的更多深层特性，从而让我的代码更上一层楼。

TypeScript 类、泛型的使用实践记录｜ 青训营

TypeScript 类、泛型的使用实践记录｜青训营