typescript 8 interface 接口

interface girl {
name:string;
age:number;
bust:number;
waitline  ?: number; // 表示可有可无,不是必须
[propname: string]: any; //这个的意思是,属性的名字是字符串类型,属性的值可以是任何类型。
say(): string; //say()方法,返回值是string类型。必须在对象里添加say方法

}

const guniang ={
	name:'xiaohong',
	age:11,
	bust:100,
	waitline:111,
	say(){
	return 'hello'
	}
}

const  fun1 =(guniang:girl)=>{
console.log(guniang.name,guninag.age,guniang.bust)
}

接口和类的约束

interface girl {
name:string;
age:number;
bust:number;
waitline  ?: number; // 表示可有可无,不是必须
[propname: string]: any; //这个的意思是,属性的名字是字符串类型,属性的值可以是任何类型。
say(): string; //say()方法,返回值是string类型。必须在对象里添加say方法
}

class xiaohong  implements girl{
 name = "刘英";
  age = 18;
  bust = 90;
  say() {
    return "欢迎!";
  }
}

接口间的继承

interface girl {
name:string;
age:number;
bust:number;
waitline  ?: number; // 表示可有可无,不是必须
[propname: string]: any; //这个的意思是,属性的名字是字符串类型,属性的值可以是任何类型。
say(): string; //say()方法,返回值是string类型。必须在对象里添加say方法
}


inferface teacher extends girl{
// 继承了girl接口里的,而且新增加了teach方法,返回值为string类型
 teach(): string;
}

接口只是对我们开发的约束,在生产环境中并没有体现。也可以说接口只是在 TypeScript 里帮我们作语法校验的工具,编译成正式的js代码,就不会有任何用处了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值