TS-ts2 定义类型,接口定义类型

 1ts定义对象

 

2 接口 interface

是对行为的抽象,是具体如何行动需要由类去实现 定义一种约束

//1 接口 interface 是对行为的抽象,是具体如何行动需要由类去实现 定义一种约束
interface Person {
  name: string
  age: number
}
//属性不能多,也不能少
let tom: Person = {
  name: 'zhangsan',
  age: 12
}

3可选属性? 


//2 可选属性?
interface Person1 {
  name: string
  age?: number
}
//属性不能多,也不能少
let tom1: Person1 = {
  name: 'zhangsan'
  //有了可选属性,就是可以有也可以没有
}

4定义任意属性


//3  定义任意属性
interface Person3 {
  name: string
  age?: number
  [propName: string]: any //可以追加任意的属性进来
}
// 可以追加属性
let tom3: Person3 = {
  name: 'zhangsan',
  id: 12,
  numbers: 11,
  height: '177cm'
}

5 只读属性 只允许定义时候才能赋值一次

//4  4.1只读属性 只允许定义时候才能赋值一次
interface Person4 {
  readonly id: number
  readonly height: string
  name: string
  age?: number
  [propName: string]: any //可以追加任意的属性进来
}
//4.2 只允许第一次定义时候赋值
let tom4: Person4 = {
  name: 'zhangsan',
  age: 11,
  height: '177cm',
  id: 12
}
//4.3 不允许再次赋值
tom4.age = 23
tom4.height = '111'//报错
tom4.id = 23//报错

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小云儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值