泛型解密：剖析TypeScript核心秘籍

前端

2023-04-16 08:13:33

泛型：TypeScript 的利器

在 TypeScript 的世界里，泛型就像一把锋利的宝剑，可以轻松应对各种数据结构和对象，让你的编程之路无往不利。

泛型：参数化类型

泛型是一种参数化类型，可以在定义函数、类或接口时使用类型变量作为参数。这些类型变量可以代表任何类型的数据，赋予代码极佳的灵活性。

泛型的优势：

类型安全： 泛型在编译时就能捕获类型错误，避免运行时错误。
代码复用： 泛型可以让代码可重用。例如，你可以编写一个通用的排序函数，适用于任何类型的数组，而无需为不同类型的数据编写多个排序函数。

泛型实例：深入解析

1. 泛型函数：通用排序

function sort<T>(arr: T[]): T[] {
  return arr.sort();
}

这个泛型函数可以对任何类型的数组进行排序：

const numbers = [1, 2, 3];
const sortedNumbers = sort(numbers); // 输出：[1, 2, 3]

const strings = ["a", "b", "c"];
const sortedStrings = sort(strings); // 输出：["a", "b", "c"]

2. 泛型类：栈结构

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

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

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

  peek(): T | undefined {
    return this.items[this.items.length - 1];
  }

  isEmpty(): boolean {
    return this.items.length === 0;
  }
}

这个泛型类表示一个栈结构：

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

const stringStack = new Stack<string>();
stringStack.push("a");
stringStack.push("b");
stringStack.push("c");
console.log(stringStack.pop()); // 输出：c
console.log(stringStack.peek()); // 输出：b