1.JS是什么?:JavaScript 简介 | 菜鸟教程 (runoob.com)
2.TS是什么?TypeScript 教程 | 菜鸟教程 (runoob.com)
3.总结:
- 类型:TypeScript 引入了静态类型检查机制,可以在编译时检查代码的类型错误,这是 JavaScript 不具备的。TypeScript 支持类型注解和类型推断,可以明确地定义变量、参数和函数的类型。这使得代码更加易于维护,减少了一些潜在的运行时错误。
- 语法:TypeScript 和 JavaScript 具有类似的语法,但有些语法细节不同。例如,TypeScript 中的类可以直接定义公共或私有成员变量,而 JavaScript 中的类需要使用语法糖定义成员变量。TypeScript 支持一些 JavaScript 中没有的新特性,例如元组、枚举类型、泛型等。
- 编译:TypeScript 需要在编译时将 TypeScript 代码编译为 JavaScript 代码才能在浏览器中运行。编译器可以将 TypeScript 代码转换成 ES5、ES6 或者 ESNext 等多种版本的 JavaScript,可以根据自己的需求选择编译目标。
- 开发工具支持:TypeScript 提供了更好的开发工具支持,例如语法高亮、代码自动提示和自动补全等。同时,由于 TypeScript 可以提供编译时的类型检查,IDE 和编辑器可以提供更好的代码智能感知和错误提示。
总体来说,TypeScript 是 JavaScript 的超集,可以用来编写更加严谨和结构化的代码。它提供了静态类型检查、新的语法特性和更好的开发工具支持,但也增加了一些开发成本。
TypeScript | JavaScript |
Microsoft,2012 | Netscape,1995 |
在编译期间可以检查和修复错误 | 解释性语言,因此只有在运行时才会发现错误 |
强类型,支持静态和动态类型 | 弱类型,无法选择静态类型 |
将代码转换为JavaScript,需要编译 | 可以直接在浏览器中使用,不需要编译 |
支持模块、泛型、接口 | 不支持模块、泛型、接口等 |
没有庞大的开发人员社区 | 有庞大的开发人员社区 |
.ts和.tsx | .js |