TypeScript 与 JavaScript 的区别：

TypeScript

Microsoft
在编译期间可以检查和修复错误
强类型，支持静态和动态类型
将代码转换为JavaScript，需要编译
支持模块、泛型、接口
没有庞大的开发人员社区
.ts和.tsx

JavaScript

Netscape，1995
解释性语言，因此只有在运行时才会发现错误
弱类型，无法选择静态类型
可以直接在浏览器中使用，不需要编译
不支持模块、泛型、接口等
有庞大的开发人员社区
.ts和.tsx .js

1. 类型

TypeScript 引入了静态类型检查机制，可以在编译时检查代码的类型错误，这是 JavaScript 不具备的。TypeScript 支持类型注解和类型推断，可以明确地定义变量、参数和函数的类型。这使得代码更加易于维护，减少了一些潜在的运行时错误。

2. 语法

TypeScript 和 JavaScript 具有类似的语法，但有些语法细节不同。例如，TypeScript 中的类可以直接定义公共或私有成员变量，而 JavaScript 中的类需要使用语法糖定义成员变量。TypeScript 支持一些 JavaScript 中没有的新特性，例如元组、枚举类型、泛型等。

3. 编译

TypeScript 需要在编译时将 TypeScript 代码编译为 JavaScript 代码才能在浏览器中运行。编译器可以将 TypeScript 代码转换成 ES5、ES6 或者 ESNext 等多种版本的 JavaScript，可以根据自己的需求选择编译目标。

4. 开发工具支持

TypeScript 提供了更好的开发工具支持，例如语法高亮、代码自动提示和自动补全等。同时，由于 TypeScript 可以提供编译时的类型检查，IDE 和编辑器可以提供更好的代码智能感知和错误提示。

总体来说，TypeScript 是 JavaScript 的超集，可以用来编写更加严谨和结构化的代码。它提供了静态类型检查、新的语法特性和更好的开发工具支持，但也增加了一些开发成本。