Typescript-----接口-蒲公英云

Typescript-----接口

TypeScript ,是第三方框架工具, 是javascript超集 javascript+强类型,基本上对js做了大量拓展 + 强类型校验.

安装 cnpm i -g typescript 全局安装 tsc —version 查看编译器版本号

接口可以理解抽象到极致的抽象类，接口中只能存在抽象方法和属性。接口通过interface关键字来声明。接口可以理解为特殊的类或者特殊的对象。

使用类去实现接口，接口就是标准，类按照标准去实现。

类去实现接口时，接口的属性和方法，类必须具备。

接口理解为特殊的类：

interface StudentInterFace{
    name;
    say(msg:string):void; //未实现的方法
    // 抽象方法 没有方法体的方法
}
class Student implements StudentInterFace{
    name;
    say(msg:string):void{
        console.log(this.name+'说'+msg);
    };
    constructor(name){
        this.name=name
    }
    foo(){
    }
};
// 父类的引用指向实例对象
let student:StudentInterFace=new Student('莉莉');
student.say('hello');
//莉莉说hello

接口理解为特殊的对象：

enum Gender{
    male='男'，
    female='女'
}
class Student{
    name:string;
    age:number;
    gender:Gender
}
interface PropInterFace{
    data:Array<Student>,
    visible:boolean
}；
let prop=PropInterFace={
data:=[
      {name:'lili',age:18,gender:Gender.female},
       {name:'liming',age:20,gender:Gender.male}
],
  visible:false
}
console.log(prop);
//{
//     data: [
//       { name: 'lili', age: 18, gender: '女' },
//       { name: 'liming', age: 20, gender: '男' }
//     ],
//     visible: false
//   }