Typescript-----接口 ﹏ヽ暗。殇╰゛Y 2024-04-06 11:13 26阅读 0赞 **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 // }
还没有评论,来说两句吧...