TypeScript 和 JavaScript 的主要区别是什么？

比较 TypeScript 和 JavaScript 在类型系统、开发流程和功能上的主要区别。

TypeScript 中等 JavaScript 类型系统编程

TypeScript 与 JavaScript 的主要区别如下，围绕以下核心方面阐述：

1. 类型系统

JavaScript：是一种 动态类型 语言，允许变量类型在运行时更改（如：let message = "hello"; message = 42; 无类型错误）。这提高了灵活性，但也可能导致运行时错误和调试难度增加。
TypeScript：作为 静态类型 语言，通过类型注解（如 let message: string = "hello";）确保类型安全。在 编译时捕获错误，减少潜在 bug。例如，尝试赋值错误类型时失败：message = 42; // Error: Type '42' is not assignable to type 'string'。

2. 开发流程与编译

JavaScript：代码由浏览器直接解释执行，无需额外构建步骤，适合快速原型开发。
TypeScript：必须通过 编译步骤 转为 JavaScript 后才能执行（支持目标如 ES5 或 ES6），引入了潜在构建时间成本。但编译过程提升了代码鲁棒性和一致性，特别在大型项目中简化重构。

3. 对象模型与功能增强

接口与类：TypeScript 提供原生接口（interface Person { name: string }）和强类型类（支持 public/private/protected 访问控制），实现完备 OOP 编程。JavaScript (从 ES6) 支持类语法，但缺乏类型约束且特性有限。
模块化: TypeScript 引入 显式模块封装（导入/导出增强），而 JavaScript 依赖 ES Modules 或其他构建工具。
缺省参数与重载：TypeScript 支持函数默认参数值（如 function greet(name = "user")）和函数重载，而 JavaScript 仅部分实现类似功能。

4. 使用场景与优势

适用项目规模：JavaScript 适合小型应用，以其简单性和快速迭代见长。TypeScript 借助 静态类型、接口抽象和工具链支持，提高大型项目的可维护性、可扩展性和团队协作效率。例如，开发中编辑器自动完成（IDE 支持）提升生产效率。
代码质量问题：TypeScript 减少运行时错误和调试时间，但也增加学习曲线和复杂度。JavaScript 在社区生态（如众多库支持）上成熟度更高。

以下是一个代码示例对比动态 vs 静态类型：

// JavaScript: 动态类型
let data = "Hello";
data = 123; // Allowed

// TypeScript: 静态类型
let data: string = "Hello";
data = 123; // Error: Type '123' not assignable to type 'string'