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