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);
複製代碼