接口的作用：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里方法的实现细节，它只规定这批类里必须提供某些方法，提供这些方法的类就可以满足实际需要。 typescrip中的接口类似于java，同时还增加了更灵活的接口类型，包括属性、函数、可索引和类等。

①ts中自定义方法传入参数,对json进行约束

function printLabel(labelInfo:{label:string}):void {
  console.log('printLabel');
  }

printLabel('hahah'); //错误写法
printLabel({name:'张三'});  //错误的写法
printLabel({label:'张三'});  //正确的写法

②对批量方法传入参数进行约束。

// 接口：可选属性 
interface FullName{
 	firstName:string;
 	secondName?:string;
}

function getName(name:FullName){

	console.log(name)
}  
getName({               
	firstName:'firstName'
}

③函数约束

// 加密的函数类型接口

interface encrypt{
    (key:string,value:string):string;
}

var md5:encrypt=function(key:string,value:string):string{
    //模拟操作
    return key+value;
}
console.log(md5('name','zhangsan'));

④可索引数组

可索引接口：数组、对象的约束 （不常用）

可索引接口 对数组的约束

  interface UserArr{
      [index:number]:string
  }

    // var arr:UserArr=['aaa','bbb'];
    // console.log(arr[0]);
    var arr:UserArr=[123,'bbb'];  /*错误*/

可索引接口 对对象的约束

 interface UserObj{
	[index:string]:string
}
var arr:UserObj={name:'张三'};

⑤类类型接口:对类的约束 和 抽象类抽象有点相似

 interface Animal{
        name:string;
        eat(str:string):void;
    }

    class Dog implements Animal{

        name:string;
        constructor(name:string){

            this.name=name;

        }
        eat(){

            console.log(this.name+'吃粮食')
        }
    }


    var d=new Dog('小黑');
    d.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代码');

链接: https://fly63.com/article/detial/6485