TypeScript语法基础 - 类类型接口

   1. 类类型接口：对类的约束 和抽象类有点相似

 

interface Animal10 {
	name:string;
	eat10(str:string):void;
}

class Dog10 implements Animal10{
	name:string;

	constructor(name:string) {
		this.name=name;
	}

	eat10(){
		console.log(this.name+'吃猪头');
	}
}
var d10=new Dog10('小黑');
d10.eat10();//小黑吃猪头

class Cat10 implements Animal10{
	name:string;
	constructor(name:string) {
		this.name=name;
	}

	eat10(food:string) {
		console.log(this.name+food)
	}
}
var c10=new Cat10('小花');
c10.eat10('猪头');

 

 

   2. 接口的扩展、接口的继承

interface Animal11 {
	eat11(): void;
}

interface Person11 extends Animal11{
	work11():void;
}

class Web11 implements Person11{
	public name:string;
	constructor(name:string) {
		this.name=name;
	}

	eat11(){
		console.log(this.name+'喜欢吃馒头');
	}

	work11(){
		console.log(this.name+'写代码');
	}
}
var w11=new Web11('小李');
w11.work11();//小李写代码

 

   3. 继承类、实现接口

interface Animal11 {
	eat11(): void;
}

interface Person11 extends Animal11{
	work11():void;
}

class coder{
	public name:string;
	constructor(name:string) {
		this.name=name;
	}

	coding(code:string){
		console.log(this.name+code);
	}
}

//web11继承 coder类 ，同时继承了Person11接口

class Web11 extends coder implements Person11{
	constructor(name:string) {
		super(name);
	}

	eat11(){
		console.log(this.name+'喜欢吃馒头');
	}

	work11(){
		console.log(this.name+'写代码');
	}
}
var w11=new Web11('小李');
w11.work11();//小李写代码
w11.coding('写ts代码');//小李写ts代码