TypeScript 中的泛型类型-JavaScript中文网-JavaScript教程资源分享门户

TypeScript 是一种强类型的 JavaScript 扩展语言，可以在编写 JavaScript 代码时提供类型检查、接口定义、类的支持等特性，从而提高了代码的健壮性和可维护性。其中一个非常强大的特性就是泛型类型。

什么是泛型类型

泛型类型（Generics）是指在定义函数、接口或类时，使用一个或多个类型参数来表示类型的占位符，以便在调用时动态地指定类型，从而实现更为灵活和可重用的代码。泛型类型可以理解为一种参数化的类型，其类型参数可以是任意类型，包括基本类型、对象类型、函数类型等等。

泛型类型的使用场景

泛型类型在许多地方都有应用，常见的包括：

类型安全的容器 泛型类型可以用来创建类型安全的容器，如数组、集合等数据结构，可以保证容器中只包含指定类型的元素。
类型安全的函数 泛型类型可以用来定义类型安全的函数，可以将函数参数和返回值的类型与泛型类型绑定，从而提高代码的可读性和可维护性。
类型安全的接口和类 泛型类型可以用来定义类型安全的接口和类，可以将接口和类成员的类型与泛型类型绑定，从而实现更为灵活和可扩展的类和接口。

泛型类型的语法和示例

泛型类型的语法使用角括号（<>）表示，其类型参数可以是任意有效的类型表达式。下面是一个简单的泛型函数示例。

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

let result1 = identity<string>("hello");
let result2 = identity<number>(42);

在这个例子中，泛型函数 identity 接受一个类型为 T 的参数，并返回一个类型为 T 的值。函数调用时，可以通过 <T> 指定类型参数，也可以不指定，这时 TypeScript 会根据传入的参数类型自动推导出类型。例如，result1 的类型就是 string，result2 的类型就是 number。

泛型类型还可以用于定义接口和类，例如：

// javascriptcn.com 代码示例
interface Stack<T> {
    push(item: T): void;
    pop(): T;
    isEmpty(): boolean;
}

class ArrayStack<T> implements Stack<T> {
    private items: T[] = [];
  
    push(item: T): void {
        this.items.push(item);
    }
  
    pop(): T {
        return this.items.pop();
    }
  
    isEmpty(): boolean {
        return this.items.length === 0;
    }
}

这个示例定义了一个栈（Stack）接口和一个数组栈（ArrayStack）类，其中 Stack<T> 表示一个类型为 T 的栈，可以实现 push、pop、isEmpty 等方法，而 ArrayStack<T> 是一个使用数组实现的栈。这样，可以很方便地使用泛型类型实现各种类型安全的数据结构。

总结

泛型类型是 TypeScript 中非常重要和强大的特性，可以用来实现类型安全、灵活和可重用的代码。在合理使用泛型类型的情况下，可以提高代码的可维护性和健壮性，避免类型错误和不必要的重复代码。因此，对于前端开发来说，熟练掌握泛型类型的使用是非常有必要的。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/654b32377d4982a6eb520a81