详情可见
1.类和接口
1.类"实现"接口
interface PersonInterface {
name:string;
say():void;
}
// 只要实现的某一个接口, 那么就必须实现接口中所有的属性和方法
class Person implements PersonInterface{
name:string = 'lnj';
say():void{
console.log(`我的名字叫:${this.name}`);
}
}
let p = new Person();
p.say();
2.接口"继承"类
class Person {
// protected name:string = 'lnj';
name:string = 'lnj';
age:number = 34;
protected say():void{
console.log(`name = ${this.name}, age = ${this.age}`);
}
}
// let p = new Person();
// p.say();
注意点: 只要一个接口继承了某个类, 那么就会继承这个类中所有的属性和方法
但是只会继承属性和方法的声明, 不会继承属性和方法实现
注意点: 如果接口继承的类中包含了protected的属性和方法, 那么就只有这个类的子类才能实现这个接口
interface PersonInterface extends Person{
gender:string;
}
class Student extends Person implements PersonInterface{
gender:string = 'male';
name:string = 'zs';
age:number = 18;
say():void{
console.log(`name = ${this.name}, age = ${this.age}, gender = ${this.gender}`);
}
}
let stu = new Student();
stu.say();
2.类和泛型
// 泛型类
class Chache<T> {
arr:T[] = [];
add(value:T):T{
this.arr.push(value);
return value;
}
all():T[]{
return this.arr;
}
}
let chache = new Chache<number>();
chache.add(1);
chache.add(3);
chache.add(5);
console.log(chache.all());
3.接口合并现象
当我们定义了多个同名的接口时, 多个接口的内容会自动合并
interface TestInterface {
name:string;
}
interface TestInterface {
age:number;
}
变成
interface TestInterface {
name:string;
age:number;
}
class Person implements TestInterface{
age:number = 19;
name:string = 'lnj';
}