typeScript 入門 資料的變數宣告

2021-10-22 05:40:12 字數 1842 閱讀 3313

typescript學習模板:

// 基本資料型別

//數字

let num0 // 預設any 泛型

let num1 =

0let num2: number;

let num3: number =

123;

//字串

let str0 // 預設any 泛型

let str1 =

'str1'

let str2: string

let str3: string =

'str3'

// 布林型別

let bool =

true

;let bool1: boolean

let bool2: boolean =

true

// null

let nulls:

null

=null

;// undefined

let undefine: undefined = undefined;

// symbols

// let symbols: symbol = symbol('symbal');

// any

let any: any;

//複雜資料型別

let arr: number=

[1,2

,3,4

];let arr1:

(number | string | any)

=[1,

'a',3,

true

]let arr11: any=

[1,2

,3,true

]let arr3: array=[

1,2,

3];let arr4: array=[

1,'a',3]

// let enum color

// let col:color=color.yellow

// console.log(col,'col')

// 物件型別(提前宣告)

inte***ce

objwithnamevalue

let obj1: objwithnamevalue =

let obj: any =

// 列舉型別( 不能被for 迴圈遍歷出來的屬性 ) 魔法字串(固定的字串變數 需要抽出來)

enum animal

let animaltype: any = animal.dog

switch

(animaltype)

// 類

class

animal

)getinfo()

,年齡$`)

}}leta

=new

animal()

a.getinfo()

// 類 (預宣告)宣告

inte***ce

personinte***ce

// 宣告

class

paaimplements

personinte***ce

//方法

getinfo()

}var p =

newpaa

('zs'

)inte***ce

personbinte***ce

class

pbbimplements

personbinte***ce

)getinfo()

,今年$`)

}}let b =

newpbb()

b.getinfo

()

參考:

Typescript入門 資料型別

ts的基本的資料型別和js基本資料型別差別較小,因為加入了型別檢驗,所以在定義變數的時候要加入體現資料型別的語法。此外,還有一些型別是ts新加的或者寫法上的變化相對於js較大的資料型別。因為有型別檢驗,所以像下面一樣這種js原來的賦值方法是不被允許的。var foo i am a string.fo...

TypeScript入門須知

1.強型別語言 不允許改變變數的資料型別,除非進行強制型別轉換 2.弱型別語言 變數可以被賦予不同的資料型別 3.靜態型別語言 在編譯階段確定所有的變數型別 4.動態型別語言 在執行階段確定所有的變數型別 1.初始化 npm init y 2.全域性安裝ts cnpm i typescript g ...

TypeScript 入門(二) 函式

一 函式定義 1 先看一下es5中定義函式 function fn 匿名函式 var fn1 function 2 在ts中定義函式 function fn string 匿名函式 var fn1 function string 二 函式的傳參 1 ts中函式的傳參 function show na...