TypeScript使用实践记录 | 豆包MarsCode AI刷题

isyuah
44 阅读4分钟

在现代前端开发中，TypeScript 凭借其静态类型检查和强大的类型系统，成为开发复杂应用的首选语言。泛型是 TypeScript 类型系统的重要特性之一，允许开发者在类、函数和接口中使用占位符来表示类型，极大地增强了代码的灵活性和重用性。今天来探讨一下 TypeScript 中类与泛型的使用方法，及其在提升代码灵活性和安全性方面的作用。(希望我们最后都不会发展成AnyScript er)

基本概念

泛型

泛型其实是很多语言都有的一个特性了，说白了就是避免重复写一个类似的结构，只有某一些变量类型不一样的

泛型是 TypeScript 中的一种占位符类型，用于在代码中引入可变类型。通过泛型，我们可以在类、接口和函数中定义与具体类型无关的逻辑，从而提升代码的通用性。
与传统的 any 类型不同，泛型能够在运行时动态传递类型的同时保持类型检查。例如，创建一个支持任意类型的工具函数，可以避免为每种类型分别实现相似逻辑的问题。

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

上边的T就是泛型的一个写法，让你在声明变量的时候可以指定T，这样内部所有用到T的地方实际上会成为你声明的类型，比如identity<number>(14)，就让value是你声明的number类型

泛型 + 类

在面向对象编程中，类是组织代码的重要结构。在 TypeScript 中，可以通过泛型参数来设计支持多种类型的通用类。例如，一个通用的容器类可以在存储和处理不同类型数据时，保持代码的灵活性。

class Box<T> {
  private _value: T;

  constructor(value: T) {
    this._value = value;
  }

  getValue(): T {
    return this._value;
  }

  setValue(value: T): void {
    this._value = value;
  }
}

上边的就定义了一个value不是写死的类型的类了，比如你可以

const stringBox = new Box<string>("Hello, TypeScript!");
const numberBox = new Box<number>(123);

泛型的类型约束

虽然泛型提供了极大的灵活性，但在某些场景中，这种灵活性也可能导致代码的不确定性。例如，泛型默认支持任意类型，但并非所有类型都适合某些特定操作。此时，我们可以使用 extends 关键字为泛型添加约束，限制其可接受的类型范围，从而减少运行时错误的发生。
比如：

function printLength<T extends { length: number }>(value: T): void {
  console.log(value.length);
}
printLength("Hello"); // 输出：5
printLength([1, 2, 3]); // 输出：3
// printLength(123); // 报错：类型“number”上不存在属性“length”。

实践

泛型其实就这点东西，不如来点实战

栈

相比学数据结构的肯定都学过队列和栈吧，我们上课时学的还是C语言实现的固定类型的栈，现在用泛型就能写一个通用的栈了，来实战一手
先定义一个class Stack<T>类，然后维护一个存储栈内容的数组，但是不能写死了，就用刚才的T来表示：private items: T[]，然后就简单了，跟以前写法一样，写好push pop peek isEmpty函数，就能使用了，所以其实就比普通的栈多了一点点点东西，但是通用性确实大大滴增加了 比如，我们可以来个数字栈const NStack = new Stack<number>();或者一个函数栈const FStack = new Stack<() => void>来直接实现个事件栈

API响应

写过后端或爬虫的兄弟们肯定知道，大部分网站的返回都是这样的: {code: 200, data: xxx}

但是data中的类型不一定固定，这就可以用到泛型响应了(也是我一直在用的)，大概长这样：

interface BasicResponse<T> {
  code: number,
  data: T
}

这样就能非常方便地使用这个接口来创建不同类型数据的统一响应格式了

总结

1. 泛型的优势

泛型通过提升代码的灵活性和重用性，为开发者提供了强大的工具。例如，在数据处理和组件设计中，泛型能大幅减少冗余代码，提高代码的可维护性。

2. 泛型的限制

虽然泛型在很多场景下表现优异，但其灵活性可能导致过度复杂的类型定义，从而降低代码的可读性。此外，泛型的动态特性也可能在某些场景中增加调试难度。

3. 使用泛型的建议

  • 在复杂场景中合理使用类型约束，以平衡灵活性和安全性；
  • 避免过度设计泛型结构，确保代码的简洁性和可读性；
  • 在文档和注释中清晰描述泛型的使用意图，方便其他开发者理解代码逻辑。
avatar
文章
阅读
粉丝