TypeScript和JavaScript的区别

TypeScript的特点

相较于JS（ES6+）

• ts是js的超集，即你可以在ts中使用原生js语法
• ts需要静态编译，它提供了强类型与更多面向对象的内容
• ts最终仍要编译为弱类型的js文件，基于对象的原生js，再运行。故ts相较java/C#这样天生面向对象语言是有区别和局限的
• ts是由微软牵头主导的，主要来自C#

JS进化

因为ECMA标准的进化，很多TS的专属特性已在原生JS中落地，其中包括但不限于：

• let / const 基于块级作用域的变量声明
• lambda（箭头函数）
• class 类
  所以，除强类型与泛型等从C#引入的面向对象特性，JS与TS的差异已基本抹平。

区别

• 基本数据类型不同
  js: boolean类型、number类型、string类型、array类型、nudefined、null
  ts: 除了上面的类型外，还包含tuple类型（元组类型）、enum类型（枚举类型）、any类型（任意类型）
• js 动态类型，运行运行时明确变量的类型，变量的类型由变量的值决定，并跟随值的改变而改变；ts 静态类型，声明时确定类型，之后不允许修改
• js 直接运行在浏览器和node.js环境中；ts 编译运行，始终先编译成JavaScript在运行
• js 弱类型，数据类型可以被忽略的语言。一个变量可以赋不同数据类型的值；ts 强类型，一旦一个变量被指定了某个数据类型，如果不经过强制转换，那么它就永远是这个数据类型了；
• ts增加的语法：
  （1）静态类型：有利于检查代码错误，运行前检查类型错误
  （2）函数缺省参数值
  （3）class类
  （4）模块：可以把声明、数据、函数和类封装在模块中
  （5）接口
  （6）类型注解：通过类型注解来增加编译时静态类型检查

使用TS的原因\好处

TS的设计目的应该是解决JS，弱类型和没有命名空间导致很难模块化，不适合开发大型程序的短处。

• 开源，跨平台。它本身不需要考虑运行环境的问题，所有支持JavaScript的地方都可以使用typescript；
• 引入静态类型声明，减少不必要的类型判断和文档注释；
• 及早发现错误，静态类型检查1或编译时发现问题，不用等到运行；
• 类、接口的使用更易于构建和维护组件；
• 重构更方便可靠，适合大型项目；

*ps:静态类型检查：在不运行代码的情况下，根据要操作的值的类型来检测代码中什么是错误和什么不是错误 *

参考一
参考二
参考三