[ 复习 ] - TypeScript 类型推断

本文快速来带你体验一下 TypeScript 类型 验证的乐趣，后面会有更多的TS 文章，带你一起通关TS 类型体操。

定义类型

interface 类型验证

interface User {
    name: string,
    age: number,
}


const data : User = {
    name: '小明',
    age: 11
}




function getData(obj : User) {
    console.log(obj.name)
}

getData(data)

组合类型

TS 可以通过简单的类型组合成复杂的类型使用。 它可以通过 联合 和 泛型 实现。

联合类型

联合类型简明此意就是 一个变量可以是多种类型中的一种类型。

type Status = 'err' | 'success' | 'waring'

const currentStatus : Status = 'err' 

泛型类型

• 泛型 + type 使用

// 泛型 + type 使用
type MyArrayType = Array<{id:number, name: string}>

const arr : MyArrayType = [{id:1,name:'小明'},{id:2,name:'小李'}]

console.log(arr)

• 泛型接口 使用

//  泛型 + 接口 使用
interface DataType <S,K> {
    code : K,
    result : S
}

function getInfoData(obj :DataType<string,number>) {
    console.log(`${obj.code}----------${obj.result}`)
}

getInfoData({code:200,result:'数据获取成功'})

参考文献

• TS文档 ：https://www.typescriptlang.org/zh/docs/handbook/typescript-in-5-minutes.html