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);
复制代码