学习TypeScript，泛型用法大盘点！

2024-01-19 16:13:47

好的，我将以“泛型”为关键词，生成一篇专业级别的文章。

泛型，顾名思义，就是泛指的类型。在TypeScript中，我们可以使用泛型来定义函数、接口和类，这些函数、接口和类可以在运行时接受任何类型的数据。这使得我们的代码更灵活、更可重用。

泛型的语法非常简单，我们可以在函数、接口和类的定义中使用尖括号<>来指定泛型类型。例如：

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

这个函数接受一个泛型类型T，并返回一个与输入类型相同的输出。我们可以使用这个函数来处理任何类型的数据，例如：

const number: number = identity(10);
const string: string = identity("hello");
const boolean: boolean = identity(true);

泛型不仅可以用于函数，还可以用于接口和类。例如：

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

这个接口定义了一个数组类型，其中每个元素都具有相同的类型T。我们可以使用这个接口来定义任何类型的数组，例如：

const numbers: IArray<number> = [1, 2, 3];
const strings: IArray<string> = ["hello", "world"];
const booleans: IArray<boolean> = [true, false];

泛型还可以用于类。例如：

class Stack<T> {
  private items: T[] = [];

  push(item: T) {
    this.items.push(item);
  }

  pop(): T {
    return this.items.pop();
  }
}

这个类定义了一个栈数据结构，其中每个元素都具有相同的类型T。我们可以使用这个类来创建任何类型的栈，例如：

const numberStack: Stack<number> = new Stack<number>();
numberStack.push(1);
numberStack.push(2);
numberStack.push(3);
console.log(numberStack.pop()); // 3
console.log(numberStack.pop()); // 2
console.log(numberStack.pop()); // 1

const stringStack: Stack<string> = new Stack<string>();
stringStack.push("hello");
stringStack.push("world");
stringStack.push("!");
console.log(stringStack.pop()); // !
console.log(stringStack.pop()); // world
console.log(stringStack.pop()); // hello