typescript的7种数据类型和void和any与联合类型详解

“这是我参与更文挑战的第7天，活动详情查看： 更文挑战”

1.安装并运行 ts

安装 typescript
npm install typescript -g
安装 ts 以前须要安装 node

查看 ts 的版本
tsc -V 个人是 3.6.3 的版本
typescript 文件的后缀名是 ts

tsc 首先要用命令编译成 js
第一步是 tsc XXXX.ts
而后在用 node 去运行 tsc 编译后的 js
而后是 node XXXX.js
复制代码

2. typescript 的 7 种数据类型

typescript 有7种数据类型：
string
number
boolean
null
underfined
enum(枚举)
symbol 这 7 中数据类型


js有6种数据类型
string number boolean  null underfined  symbol 这 6 种数据类型
咱们发现typescript比js多了一个枚举类型
后面咱们会详细的介绍这几种数据类型
复制代码

3.定义 5 大基本类型

var str: string = "hello";
var num: number = 3;
var falg: boolean = true;
var un: undefined = undefined;
var nul: null = null;
//经过上面的例子；发现发现定义变量的规则是:
var/let/const+变量名+":"变量类型="值"
复制代码

4.null,underfined 是字符串、数字、布尔类型的子集

null,underfined 是字符串、数字、布尔类型的子集
这一句话的意思是说
字符串类型、数字类型、布尔类型能够定义为null或者是underfined
复制代码

var str: string = null;
var num: number = undefined;
//咱们能够把布尔类型的定义为null
var falg: boolean = null;
console.log(str);//null
console.log(num);//undefined
console.log(falg);//null
复制代码

5 布尔类型的值不必定是 true 或 false

经过上面的代码咱们知道了；
null,underfined 是字符串、数字、布尔类型的子集
所以布尔类型的值多是null或者是undefined或者是true或者false
复制代码

6. void 的使用

空值通常采用 void 来表示，
void能够修饰underfined和null。
也能够表示函数没有返回值哈
须要注意:使用了 void 就不可以使用 return

//该函数没有返回值
let sum = function(): void {
   console.log("你好啊");
};

//void 能够修饰 underfined 和 null
var num2: void = undefined;
var num2: void = null;
console.log(num2);
复制代码

7.any 的用法

任意值 any 用来表示容许赋值为任意类型
声明一个变量 为任意值 以后，对它的任意操做
返回来的内容的类型 都是任意值
若是一个变量在声明的时候，
被指定其余类型 那么它会被识别为任意值的类型。

var num: any = 1;
num = true;
num = 10;
//最后变成了数字类型
console.log(num);
复制代码

8.联合类型 "|"

当被定义为联合属性的时候，
你只可以访问联合类型里面[共有]的属性和方法。
当变量是数字类型的时候，
你就不可以使用 number 里面的方法了。

var num: string | number = 1;
num = "hrlo";
console.log(num);
复制代码