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...