探索 TypeScript 泛型的强大功能：约束、实用类型、文字类型和递归结构

绝地灬酷狼 2024-03-17 22:30 8阅读 0赞

### TypeScript 泛型 ###

TypeScript 中的泛型允许您创建可与不同类型一起使用的可重用组件或函数。它们提供了一种参数化类型的方法，从而能够创建灵活且类型安全的代码。这是对泛型的解释和示例：

### 通用函数： ###

您可以通过在尖括号 ( ) 内指定类型参数来定义泛型函数<>。然后，在调用函数时，可以将该类型参数用作特定类型的占位符。这是一个例子：

function identity<T>(arg: T): T {
       
        
         return arg;
       }
    
       let result = identity<string>("Hello");
       console.log(result); // Output: "Hello"
    
       let numberResult = identity<number>(42);
       console.log(numberResult); // Output: 42

在identity上面的函数中，类型参数T表示泛型类型。调用函数时，将推断提供的参数的类型，或者您可以在尖括号内显式指定类型。

### 通用接口： ###

您还可以将泛型与接口结合使用来创建适用于各种类型的可重用接口。这是一个例子：

interface Container<T> {
       
        
         value: T;
       }
    
       let container1: Container<number> = {
       
         value: 42 };
       console.log(container1.value); // Output: 42
    
       let container2: Container<string> = {
       
         value: "Hello" };
       console.log(container2.value); // Output: "Hello"

在Container接口中，类型参数T用于定义value属性。实现接口时，可以指定 的实际类型T。

### 通用类： ###

泛型还可以应用于类，允许您创建对不同类型进行操作的类。这是一个例子：

class Queue<T> {
       
        
         private items: T[] = [];
    
         enqueue(item: T) {
       
        
           this.items.push(item);
         }
    
         dequeue(): T | undefined {
       
        
           return this.items.shift();
         }
       }
    
       const numberQueue = new Queue<number>();
       numberQueue.enqueue(1);
       numberQueue.enqueue(2);
       console.log(numberQueue.dequeue()); // Output: 1
    
       const stringQueue = new Queue<string>();
       stringQueue