typescript中的type相当于是给类型起一个新的名字
基本用法:
比如我想声明一个类型为number的年龄age,刚开始学typescript,我们可能会这样写
let age:number = 10
接触到type也可以这样写
//这里的second其实代表的就是number
type second = number
let 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:"男"
}