TypeScript 和 JavaScript 的区别

TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言。

JavaScript 是轻量级的解释性脚本语言，可嵌入到 HTML 页面中，在浏览器端执行。而TypeScript 是JavaScript 的超集，即包含JavaScript 的所有元素，能运行JavaScript 的代码，并扩展了JavaScript 的语法。相比于JavaScript ，它还增加了静态类型、类、模块、接口和类型注解方面的功能，更易于大项目的开发。

经过查阅资料，TypeScript 相比于JavaScript 的优势总结为以下几点:

1.便于开发人员做注释。

2.能帮助开发人员检测出错误并修改。

3.TypeScript工具使重构更变的容易、快捷。

4.TypeScript 引入了 JavaScript 中没有的“类”概念。

5.TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。

6.。类型安全功能能在编码期间检测错误，这为开发人员创建了一个更高效的编码和调试过程。

二者的主要区别为：TypeScript是静态类型，js是动态类型（详见强类型、弱类型、静态类型、动态类型的区别）。

但这不意味着两者差距多大，只是类型检查的时机不同而已，TS和js根本上的差别就这一点，然而其意义却举足轻重。

静态类型检查可以做到early fail，即你编写的代码即使没有被执行到，一旦你编写代码时发生类型不匹配，语言在编译阶段（解释执行也一样，可以在运行前）即可发现，同时IDE也能提供大量便捷支持。对小型项目而言也许发挥不出多大优势，然而当项目规模膨胀，运行前的类型检查就大放异彩了——首先，大型项目测试调试分支覆盖困难，很多代码并不一定能够在所有条件下执行到，运行前的类型检查是减少bug的一大手段；其次，静态类型对阅读代码是友好的，在团队合作、代码维护和交接中意义不言自明；最后，IDE提供的大量便捷支持和TS本身的语法检查和代码提示自动补全让开发者提高效率，方便重构（维护过大型web项目中各种乱七八糟的js文件就能发现静态类型多美好）。

当然，TypeScript 只是为 JavaScript 中本身就存在的使用方式提供了对应的类型标注，所有在 TypeScript 中能够使用的开发模式，在 JavaScript 中一定是本身就存在的。

Tags：