TypeScript中的資料型別

2021-09-28 10:46:23 字數 2500 閱讀 1656

ts中為了讓我們的程式設計更規範,增加了型別校驗,ts中主要有以下資料型別:

數字型別(number)

字串型別(string)

陣列型別(array)

元組型別(tuple)

布林型別(boolean)

列舉型別(enum)

任意型別(any)

null 和undefined

never

void

數字型別(number)

var num:number = 24;

num = 8;

console.log(num) //列印正確 8

// 如果給num賦乙個字串或者其他型別的值

num = "kobe" //會直接報錯

字串型別(string)

var str:string = "kobe"

str = "sunday" //正確

str = 24; //報錯

陣列型別(array)

在ts中陣列的定義方式有兩種:

var arr:number = [1,2,3];  // 正確

var arr:string = ['1','2','3']; // 正確

var arr:number = [1,2,'3']; //報錯同理在字串陣列中有其他型別也會報錯

var arr:array= [1,2,3];

和第一種一樣,定義了陣列型別之後,元素不可以有其他型別

元組型別(tuple)

元組型別是陣列型別的一種,可以在陣列中定義多型別元素。

var arr:[number,string] = [1,'sunday'] //正確

var arr:[number,string] = [1,2] //錯誤

布林型別(boolean)

var flag:boolean = true;flag = false //正確

flag = 123 //錯誤

列舉型別(enum)

語法:     enum name(列舉名)
enum status 

var flag:status = flag.success;

console.log(flag) // 1

enum color 

var c:color = color.red

console.log(c) //0 如果識別符號沒有賦值,它的值就是下標

enum color 

var y:color = color.yellowconsole.log(y) // 2

var s:color = color.skyblueconsole.log(s) // 3​

任意型別(any)

var num:any = 24;

num = 'str'

num = true;

console.log(num) //true ​

任意型別的用處

​var dom:any = document.getelementbyid('box')

dom.style.color = 'blue'

null和undefined型別

var num:number;console.log(num) // 輸出undefined 報錯
var num:undefined;console.log(num) //輸出 undefined 正確
var num:null; num=null;
//乙個元素可能是 number型別 可能是null 可能是undefined

var num:number | null | undefined;

num=1234;

console.log(num)

never型別

// never型別:是其他型別 (包括 null 和 undefined)的子型別,代表從不會出現的值

//這意味著宣告never的變數只能被never型別所賦值。

var a:undefined;

a=undefined;

var b:null;

b=null;

var a:never;

a=123; //錯誤的寫法

a=(()=>)()

void型別

void型別 :typescript中的void表示沒有任何型別,一般用於定義方法的時候方法沒有返回值。

//表示方法沒有返回任何型別

//正確寫法

function run():void

run();

//錯誤寫法

function run():undefined

run();​

//正確寫法

function run():number

run();

TypeScript學習(三)ts中的類

1.es5的類 1.1建構函式 只有屬性 function person var p newperson console.log p.name 張三屬性和方法 function person var p newperson p.run 1.2在原型鏈上增加屬性和方法person.prototype....

TypeScript類 介面 繼承

class point tostring let p new point 1,2 在ts裡,成員都預設為public。被public修飾的屬性,我們在類的內外都可以自由訪問到這些被定義的屬性。class animal new animal cat name cat 當成員被標記成private時,它...

typeScript中的繼承

ts中類的定義 class person run void let p new person 李哥 p.run 李哥 class person getname string setname name string void let p new person 李哥 alert p.getname 李哥...