TypeScript 和 JavaScript的基本区别

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

如何安装TypeScript

有两种主要的方式来获取TypeScript工具：

• 通过npm（Node.js包管理器）
• 安装Visual Studio的TypeScript

什么是TypeScript

TypeScript其实就是带有类型JavaScript超集
100%兼容JavaScript代码，无需修改平滑迁移
为构建大型应用而生，小型程序也同样适用
生态圈广泛支持，开源项目的新选择
同时也是扩展的JavaScript
所有JS代码，对象，库可用于TS
强大的类型系统，静态类型检查能力
丰富的class扩展功能（和Java基本一样）
添加了系统级设计能力
静态类型语言

语言类型的区别

TypeScript是静态类型语言:
即你编写的代码即使没有被执行到，一旦你编写代码时发生类型不匹配，语言在编译阶段（解释执行也一样，可以在运行前）即可发现.而JavaScript很多时候代码错误是不给你抛出提示信息的

数据的区别

JavaScript的数据：

• ES5的基本数据类型:
  String
  Number
  Boolean
  Null
  Undefined
• ES6新增基本数据类型：
  Symbol
  BigInt
• 引用数据类型有：
  object
  Array
  function
  Date
  其实 Array、function、Date本质上都是对象

TypeScript在JavaScript的基础上新增的有：
void – void类型表示没有返回值,没有返回值的函数,它的类型就是void类型

function hello(): void {
    alert("Hello Runoob");
}

any – 任意类型
never – 永远不会有返回值的类型 比如死循环
tuple —元组 是一种限制数组的元素类型和个数的数组

let x: [string, number];
x = ['Runoob', 1];    // 运行正常
x = [1, 'Runoob'];    // 报错
console.log(x[0]);    // 输出 Runoob

enum — 枚举

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2
//另一种情况：A 的值是被计算出来的。注意注释部分，如果某个属性的值是计算出来的，那么它后面一位的成员必须要初始化值
const getValue = () => {
  return 0
}
 	enum List {
  A = getValue(),
  B = 2,  // 此处必须要初始化值，不然编译不通过
  C
}
console.log(List.A) // 0
console.log(List.B) // 2
console.log(List.C) // 3