typescript中的类型type与接口interface

接口interface"/>

typescript中的类型type与接口interface

typescript中的type相当于是给类型起一个新的名字

基本用法：
比如我想声明一个类型为number的年龄age，刚开始学typescript，我们可能会这样写

let age:number = 10

接触到type也可以这样写

//这里的second其实代表的就是number
type second = numberlet b:second = 20

关键字：《1》pick：挑选指定的类型

interface Person {name: string;age: number;id: number;sex: 0 | 1;
}// 问女生年纪不太礼貌，所以我们不需要 age 这个属性
type Woman = Pick<Person, "name" | "id">;//返回值：
woman：{name: string;id: number;
}

《2》K extends keyof T：“或”匹配所有可能的类型
如下式代码

interface person {name:string,sex:string,age:number
}// K extends keyof person
// 这里的k可能是
{name:string,
}{name:string,sex:string,
}{name:string,sex:string,age:number
}
等等

《3》type可以使用in关键字生成映射类型，这里的key获取的是键

type Keys = "name" | "sex"type DulKey = {[key in Keys]: string    // 类似for...in
}let stu: DulKey = {name: "wang",sex: "man"
}

类型type其实和接口interface有些像，但是两者区别在哪：
（1）extends 和 &
接口interface可以通过extends拓展
其实extends相当于一个加好+，将personage和personall键值对进行合并

interface personage {age:number
}interface personall extends personage {name:string
}let person:personall = {name:"xiaoming",age:14
}
console.log(person)

类型type可以通过&实现类型的交叉

type personage = {age:number
}type personname = {name:string
}let personall:personage&personname = {age:13,name:"xiaoming"
}console.log(personall)

（2）两者关联：

// interface 扩展 type
type Name = {name: string;
}
interface User extends Name {age: number;
}
let stu:User={name:'wang',age:1}// type 与 interface 交叉
interface Name {name: string;
}
type User = Name & {age: number;
}
let stu:User={name:'wang',age:1}

（3）接口interface可以声明多次，声明多次相当于扩展，如下式代码，这个person声明了3次，那么它所应该具有的属性是3个，如果少写了，ts就会报错；type不可以定义多次

interface person {name:string
}interface person {age:number
}interface person {sex:string
}let stu:person = {name:"xiaoming",age:12,sex:"男"
}