TS接口类型的各个写法,TS关于interface接口的使用,包括对象,数据, 缺省,只读,继承。

TS关于interface接口的使用,包括对象,数据, 缺省,只读,继承。
1.接口对象的使用
// interface接口 给对象使用
interface My{
  name:string
  age:number
  height:number
}

let obj:My = {
  name:'何志伟',
  age:18,
  height:18
}
2.接口定义数组的使用
// interface给数组使用
interface Arr{
  // 前面是下标和下标类型 
  // 后面是数组中数据的类型
  [idx:number]:number|string
}

let arr:Arr = [1,2,3,'4','3']
3.接口函数的使用
// 接口类型给函数使用

interface FnItf{
  // 前面是形参和类型
  // 后面是返回值
  (p:string,a:number):void
}

let fn:FnItf = (p) => {
  return p
}
fn('起飞',22)

4.接口的继承,缺省,只读
// 接口的继承
interface Names{
  // 这里就是只读的,如果后面修改name的值,就会报错
  readonly name:string
}

interface Ages{
  // 缺省,这个age可要可不要
  age?:number
}

// 也可以同时声明同一个接口,也可以实现继承
interface PersonMy extends Names,Ages{
  height:number
}

let person:PersonMy = {
  name:'何志伟',
  age:18,
  height:180
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值