TypeScript 相较于 JavaScript 的优势 🚀

1. 静态类型系统 🛡️

编译时类型检查：提前发现类型错误，减少运行时崩溃（如 undefined 或 null 引发的错误）。

类型注解与推断：显式声明变量、函数参数和返回值类型，提高代码可读性。

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

清晰的代码结构：类型定义强制开发者设计更规范的接口和数据结构。

智能重构：IDE 支持安全的重命名变量、函数等，减少人为错误。

智能提示：自动补全变量、方法、属性（如对象属性提示）。

代码导航：快速跳转到类型定义，提升开发效率。

接口（Interface）：定义复杂数据结构和类的契约。

泛型（Generics）：编写可复用的类型安全组件。

装饰器（Decorators）：简化 AOP 编程（如日志、权限校验）。

支持 ES6+ 语法：可直接使用 async/await、解构等特性，编译为兼容旧浏览器的代码。

渐进式迁移：允许在 .js 文件中逐步引入类型，兼容现有 JS 项目。

空值检查：通过 strictNullChecks 避免 undefined 或 null 误用。

枚举与字面量类型：限制变量取值范围，避免无效值。

type Status = "success" | "error"; // 只能为这两个值

TS Config 配置：灵活控制编译规则（如模块化方案、目标版本）。

与主流框架深度集成：Vue 3、React、Angular 等官方支持 TS。

类型定义文件（*.d.ts）：通过 DefinitelyTyped 库为第三方 JS 库提供类型支持。

企业级应用首选：已被 Airbnb、Microsoft、Google 等大规模项目采用。

TypeScript 通过类型安全和工程化能力，显著提升了大型项目的开发体验和代码质量，是 JavaScript 生态的“进化版”。🐢→⚡️