typescript接口扩展
/* typeScript中的接口 接口扩展 */ /* 接口的作用:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计里面,接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。 typescrip中的接口类似于java,同时还增加了更灵活的接口类型,包括属性、函数、可索引和类等。 定义标准。 */ // 可索引接口:数组、对象的约束 (不常用) //ts定义数组的方式 /* var arr:number[]=[2342,235325] var arr1:Array<string>=['111','222'] */ //可索引接口 对数组的约束 // interface UserArr{ // [index:number]:string // } // // var arr:UserArr=['aaa','bbb']; // // console.log(arr[0]); // var arr:UserArr=[123,'bbb']; /*错误*/ // console.log(arr[0]); //可索引接口 对对象的约束 // interface UserObj{ // [index:string]:string // } // var arr:UserObj={name:'张三'}; //接口扩展:接口可以继承接口 // interface Animal{ // eat():void; // } // interface Person extends Animal{ // work():void; // } // class Web implements Person{ // public name:string; // constructor(name:string){ // this.name=name; // } // eat(){ // console.log(this.name+'喜欢吃馒头') // } // work(){ // console.log(this.name+'写代码'); // } // } // var w=new Web('小李'); // w.eat(); interface Animal{ eat():void; } interface Person extends Animal{ work():void; } class Programmer{ public name:string; constructor(name:string){ this.name=name; } coding(code:string){ console.log(this.name+code) } } class Web extends Programmer implements Person{ constructor(name:string){ super(name) } eat(){ console.log(this.name+'喜欢吃馒头') } work(){ console.log(this.name+'写代码'); } } var w=new Web('小李'); // w.eat(); w.coding('写ts代码');
最后,关注【码上加油站】微信公众号后,有疑惑有问题想加油的小伙伴可以码上加入社群,让我们一起码上加油吧!!!
posted on 2019-06-17 16:25 LoaderMan 阅读(2390) 评论(0) 编辑 收藏 举报