TypeScript 接口的作用：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。
Typescrip 中的接口类似于 Java，同时还增加了更灵活的接口类型，包括属性、函数、可索引和类。
1、属性类接口
function printLabel(labelInfo:{label: string}): void { console.log('printLabel'); } printLabel({label:'张三'}); interface FullName{ firstName:string; //注意；结束 secondName?:string; //通过 ? 设置可选参数 } function printName(name:FullName){ //必须传入对象 firstlame secondName console.log(name.firstName + '--' + name.secondName); } printName({firstName:'张', secondName:'三'});
2、函数类型接口
interface encrypt{ (key:string，value:string):string; //约束 encrypt 类型的函数的参数类型和返回值类型 } var md5:encrypt = function(key:string, value:string):string{ return key + value; console.log(md5('name', 'zhangsan')); }
3、可索引接口
var arr:number[] = [2342, 235325]; var arr1:Array<string> = ['111','222']; interface UserArr{ //数组的可索引接口 [index:number]:string; } var arr:UserArr = ['aaa', 'bbb']; interface UserObj{ //对象的可索引接口 [index:string]:string; } var obj:UserObj = {name: '张三'};
4、类类型接口
interface Animal{ name:string; eat(str:string):void; } class Dog implements Animal{ name:string; constructor(name:string){ this.name = name; } eat(food:string){ console.log(this.name + food); } }
5、接口扩展
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 + '写代码'); } }
