TypeScript 类型系统详解 📚

TypeScript 的类型系统是其核心特性之一，为 JavaScript 增加了静态类型检查能力，提升代码的可维护性和安全性。以下是关键概念与功能：

1. 静态类型检查

TypeScript 在编译时进行类型验证，能提前发现类型错误。例如： 

let message: string = 123; // 编译错误

✅ 优势：减少运行时错误，增强代码可读性
🔗 了解更多 >

2. 类型推断

无需显式标注类型，TypeScript 会根据值自动推断。例如： 

let count = 10; // TypeScript 推断为 number 类型

🖼

Type_Inference

3. 类型注解

通过 : 明确指定变量或函数的类型： 

function add(a: number, b: number): number {
  return a + b;
}

🖼

Type_Annotation

4. 类型兼容性

TypeScript 严格检查类型之间的兼容性： 

let obj: { name: string } = { name: "TypeScript" }; // 合法
obj = { age: 20 }; // 类型不兼容，编译错误

🖼

Type_Compatibility

5. 类型工具

  • typeof：获取变量类型
  • instanceof：检查对象类型
  • typeof 与 instanceof 结合使用可实现更复杂的类型判断

🔗 深入探索类型工具 >

6. 联合类型与交叉类型

  • 联合类型：string | number
  • 交叉类型：string & number
let id: string | number = "123"; // 可接受字符串或数字

🖼

Union_Type

📌 扩展阅读：TypeScript 官方文档 提供了更详细的类型系统说明。