4、TypeScript 类型系统深度解析

TypeScript 类型系统深度解析

1. 限制 any 类型的使用

JavaScript 常常会隐式地进行类型转换，这可能导致一些意外的错误。而在 TypeScript 中， any 类型虽然提供了灵活性，但也带来了诸多问题。

1.1 缺乏语言服务支持

当一个符号有明确的类型时，TypeScript 语言服务能够提供智能的自动补全和上下文文档。但对于 any 类型的符号，这些服务就失效了。例如：

interface Person {
  first: string;
  last: string;
}
const formatName = (p: Person) => `${p.first} ${p.last}`;
const formatNameAny = (p: any) => `${p.first} ${p.last}`;

当你在编辑器中重命名 first 为 firstName 时， formatName 函数会正确更新，但 formatNameAny 函数不会。这会导致代码维护困难，降低开发效率。

1.2 重构代码时掩盖错误

假设你正在构建一个 Web 应用，其中一个组件有一个 onSelectItem 回调。为了省事，你使用 any 类型作为