基本類型
布爾值 boolean
最基本的數(shù)據(jù)類型就是簡單的true/false值鞠呈，在JavaScript和TypeScript里叫做boolean（其它語言中也一樣）
let isMe: boolean = false;
數(shù)字 number
和JavaScript一樣某筐，TypeScript里的所有數(shù)字都是浮點(diǎn)數(shù)有梆。 這些浮點(diǎn)數(shù)的類型是 number吊履。 除了支持十進(jìn)制和十六進(jìn)制字面量，TypeScript還支持ECMAScript 2015中引入的二進(jìn)制和八進(jìn)制字面量锻煌。
let dec: number = 6
let hex: number = 0xff00d
let binary: number = 0b1010
let oct: number = 0o744
字符串 string
JavaScript程序的另一項(xiàng)基本操作是處理網(wǎng)頁或服務(wù)器端的文本數(shù)據(jù)翩隧。 像其它語言里一樣樊展，我們使用 string表示文本數(shù)據(jù)類型。 和JavaScript一樣堆生，可以使用雙引號（ "）或單引號（'）表示字符串专缠。
let str: string = 'abc'
str = 'efg'
你還可以使用模版字符串，它可以定義多行文本和內(nèi)嵌表達(dá)式淑仆。 這種字符串是被反引號包圍（ `）藤肢，并且以${ expr }這種形式嵌入表達(dá)式
let age: number = 31
let str: string = `我今年${age}歲`
數(shù)組 array
TypeScript像JavaScript一樣可以操作數(shù)組元素。 有兩種方式可以定義數(shù)組糯景。 第一種嘁圈，可以在元素類型后面接上 []，表示由此類型元素組成的一個(gè)數(shù)組
let arr: number[] = [1, 2, 3]
let arr: any[] = [1,'a',2]
let arr: string[] = ['a','b','c']
第二種方式是使用數(shù)組泛型蟀淮，Array<元素類型>：
let arr: Array<number> = [1, 2, 3]
let arr: Array<any> = [1,'a',2]
let arr: Array<string> = ['a', 'b','c']
元組 Tuple
元組類型允許表示一個(gè)已知元素?cái)?shù)量和類型的數(shù)組最住，各元素的類型不必相同。 比如怠惶，你可以定義一對值分別為 string和number類型的元組涨缚。
let x: [string, number] = ['a', 1] // 注意順序得對，固定類型策治、長度得匹配脓魏，否則報(bào)錯(cuò)
//元組還有個(gè)bug是： push 操作能夠超過定義的長度
// x.push('some') // 會報(bào)錯(cuò)
Union 類型 (聯(lián)合類型) 與Literal字面量類型(規(guī)定了取值有那些，之外的值會報(bào)錯(cuò))
// 聯(lián)合類型
let union: number | string;
union = 1
union = 'meng'
function sum (n1: number | string, n2: number | string): number | string {
return n1+n2
}
sum(1, 2) // 3
sum('m', 'n') // mn
// 字面量Literal類型
let literal : 1 | 3 | 5 | 8
any 類型
let a: any = 2
a = 'meng'
a = true
a() // 不會報(bào)錯(cuò)
a.toString() // 不會報(bào)錯(cuò)
unknow (可保證類型的安全)
let b: unknown = 88
b = 'meng'
b = {}
b() // 比較嚴(yán)格通惫，報(bào)錯(cuò)哦
b.toUpperCase() // 比較嚴(yán)格茂翔，報(bào)錯(cuò)哦
// 或這種寫法不會報(bào)錯(cuò)
if (typeof b == 'function') {
b()
}
if (typeof b === 'string') {
b.toUpperCase()
}
void undefined never
// void （本身不存在，沒有）
function returnValue (): void {
console.log('無返回值')
}
function returnUndefined (): undefined {
console.log('有返回履腋，但是沒有值, 從變量角度的話就是有定義未賦值')
return
}
function returnNever (): never {
console.log('永遠(yuǎn)不會有值')
while(true) {
console.log('死循環(huán)')
}
}
枚舉類型（適配類型）
let someValue: any = '人民大學(xué)'
let strLength: number = (someValue as string).length // 方式一 具備了string的特性及l(fā)ength屬性珊燎，及其它string屬性與
let strLen: number = (<string>someValue).length // 方式二 具備了string的特性惭嚣，及l(fā)ength屬性，及其它string屬性與方法
函數(shù)類型
// 定義接口
interface P2 {
name: string,
age: number
}
// 定義接口
interface SearchFunc {
(param1: string, param2: P2): boolean
}
// 聲明變量悔政，接口類型
let sFn: SearchFunc
// 函數(shù)實(shí)現(xiàn)接口類型
sFn = function(name: string, userInfo: P2) : boolean{
return true
}
object 類型
const person = {
name: 'meng',
age: 33
}
console.log(person.some) // 會報(bào)錯(cuò)
// 不會報(bào)錯(cuò), 類型any 就對沒有聲明屬性不會報(bào)錯(cuò)
const person: any = {
name: 'meng',
age: 33
}
console.log(person.some)
接口 Interface
interface Point {
x: number;
y: number;
}
function getSum (point: Point): number {
return point.x + point.y
}
class 類
// 聲明類晚吞，并實(shí)現(xiàn)接口，當(dāng)里面不滿足接口時(shí)的報(bào)錯(cuò)
class Cpoint implements IPoint {
x: number
y: number
constructor (x: number, y: number) {
this.x = x
this.y = y
}
getSum = () => {
console.log(this.x+this.y)
}
}
class Cpoint implements IPoint {
x: number
y: number
constructor (x: number, y: number) {
this.x = x
this.y = y
}
getSum = () => {
console.log(this.x+this.y)
}
getDis = (p: IPoint) => {
return this.x+this.y
}
}
const p2 = new Cpoint(10,5)
p2.getSum()
p2.getDis(p2) // 15
Access Modifier 訪問修飾符 （public、private芦瘾、static)
interface IPoint {
X: number
getSum: ()=> void
getDis: (p: IPoint) => number
}
class Cpoint implements IPoint {
// 私有變量命名也可：下劃線形式_x捌蚊，更直觀理解（尤其編譯成es5）
constructor (private x: number, private y: number) {
this.x = x
this.y = y
}
getSum = () => {
console.log(this.x+this.y)
}
getDis = (p: IPoint) => {
return p.X+this.y
}
// 懶人包：取值
get X () {
return this.x
}
// 懶人包：設(shè)置值
set X (value: number) {
this.x = value
}
}
const p2 = new Cpoint(10,5)
p2.getSum()
p2.getDis(p2) // 15
p2.X = 1 // 懶人包直接設(shè)置值
console.log(p2.X) // 懶人包直接取值
泛型 Generics
// 泛型
const getSomes = <T>(arr: Array<T>) => arr.length - 1
getSomes([1, 2, 3, 4, 5]) // 泛型number
getSomes(['A',3,'C','D']) // 泛型配合聯(lián)合類型自動(dòng)<string | number>
getSomes(['a', 1, 'c', true]) // // 泛型配合聯(lián)合類型自動(dòng)<string | number | boolean>
getSomes<string | number | boolean>(['a', 1, 'c', true]) // 限制泛型聯(lián)合類型，正確形式
getSomes<string | number>(['a', 1, 'c', true]) // 限制泛型聯(lián)合類型旅急，錯(cuò)誤形式逢勾，確實(shí)boolean類型牡整，超出限定范圍
