TypeScript-类和接口、类和泛型、接口合并现象

详情可见
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';
}