TypeScript 中的自定义对象类型 - 接口的使用

说明

在面向对象的程序设计中,类和对象是常用的概念。
类 : 是指对某一类具有相同特征事务的模板抽象;
对象 :是指某一类的某一个具体的对象。
例如 : 学生是一个大类,每个学生拥有 学号、姓名、年龄 等属性,这些都是每个学生共有的特征;
小明是一名学生,也就是 学生的一个具体的对象。

在TypeScript 中,也对此进行了抽象,抽象的方式叫做 接口 - interface。

基本使用

声明一个自定义类型

格式 :
interface 类型名称 {
属性名1:类型,
属性名2:类型,

}

interface Student{
    // 必须要有的属性
    id:number,
    name:string,
    age:number,
}

声明一个自定义类型的对象

根据接口中定义的属性进行赋值即可

let xiaoming : Student = {
    id:1001,
    name:'小明',
    age:12,
}

可选属性

在声明接口时,如果不特殊指明,则所有属性在声明变量的时候,都是必须要赋值的,否则会报错。
但是,有一些属性不是必须的,此时就用到了可选属性。

格式 :

interface 类型名称 {
属性名1:类型,
属性名2:类型,
可选属性1?:类型,
可选属性2?:类型

}
可选属性就是用 【?:】 进行标注。

接口定义

interface Student{
    // 必须要有的属性
    id:number,
    name:string,
    age:number,
    // 可选的属性 : 赋值的时候可以不要
    hobbit?:string,
}

对象定义

let xiaoming : Student = {
	// 必须要写的属性
    id:1001,
    name:'小明',
    age:12,
    // 可选属性,也可以不写
    hobbit:'没有爱好',
}

只读属性

顾名思义,只读属性就是赋值之后不可以改变的属性。
比如 学生的身份证号,他是一个固定的值,永远都不会改变。(当然前提是赋初值的时候别给弄错了)
只读属性的格式 : 在属性前面加上 readonly 即可。

接口定义

interface Student{
    // 必须要有的属性
    id:number,
    name:string,
    age:number,
    
    // 可选的属性 : 赋值的时候可以不要
    hobbit?:string,
    
    // 只读属性,不可以修改的
    readonly cid:string,
}

对象定义

let xiaoming : Student = {
    id:1001,
    name:'小明',
    age:12,
    hobbit:'没有爱好',
    // 只读属性,这个值在后面是不可以修改的
    cid:'0000001'
}

// 下面的这种写法是 错误的,是不被允许的
// xiaoming.cid = '111222333';

任意属性

问 : 什么是任意属性?
答 :任意属性就是一个我也不确定这个属性名称是啥,类型是啥,但是呢我又想留一个属性,以备后面使用的这么一个属性。

问 : 任意属性有什么特征呢?
答 :
1.一个接口中,只能有一个任意属性;
2.其他属性的类型,必须得是任意属性类型的子集,否则会报错;
3.任意属性的类型 可以是联合类型,以此来满足 【特性2】
4.任意属性的定义格式 : [propName:string]:类型1|类型2:类型3…

定义一个接口

interface Student{
    // 必须要有的属性
    id:number,
    name:string,
    age:number,
    // 可选的属性 : 赋值的时候可以不要
    hobbit?:string,
    
    //任意属性 : 不确定属性名称/类型是什么,
    // 一个接口中只能有一个任意类型
    // 注意这个类型是有问题的,其他的属性类型必须是这个类型的子集,否则报错
    // 可以使用联合类型
    //[propName:string]:any
    [propName:string]:string|number|undefined
}

定义一个对象

let xiaoming : Student = {
    id:1001,
    name:'小明',
    age:12,
    hobbit:'没有爱好',
	// 下面两个属性就是 任意类型的属性 
    birthday:'2020-12-01',
    a:'adbc'
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值