Typescript类与接口

类可以通过接口的方式,来定义当前这个类的类型。
类实现接口,
接口定义(约束)类
接口继承接口

1、一个类实现一个接口

定义一个接口
定义一个类时,implements这个接口,那么在这个类中,就必须要实现这个接口中所定义内容

 interface IFly {
      fly();
    }

    class Person implements IFly {
      fly() {
        console.log("飞");
      }
    }
    const person = new Person();

这个类的类型就是上面定义的接口,(IFly这个接口约束了Person这个类)

2、类实现多个接口

interface IFly {
      fly();
    }

    interface ISwim{
        swim();
    }

    class Person implements IFly,ISwim {
      fly() {
        console.log("飞");
      }
      swim(){
          console.log('游泳')
      }
    }
    const person = new Person();

这个类的类型是IFly和ISwim(Person类实现了两个接口,Person类被IFly和ISwim接口约束)

3、接口继承其它多个接口

    interface IFly {
      fly();
    }

    interface ISwim{
        swim();
    }

    interface IMyFlyAndSwim extends IFly,ISwim{}
    

    class Person implements IMyFlyAndSwim {
      fly() {
        console.log("飞");
      }
      swim(){
          console.log('游泳')
      }
    }
    const person = new Person();

定义一个接口,继承了其它多个接口,然后使用这个接口去定义类

你可能感兴趣的:(typescript,typescript,javascript,前端)