TS之接口：②函数类型接口、索引接口、类类型接口

1.函数接口：

对方法传入的参数以及返回值进行约束——批量约束（即对函数的输入参数和输出结果的约束）

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

// 对传入的参数以及返回值进行约束
let md1: encrypt = function (key: string, value: string): string {
  return key + value;
}
console.log(md1('张三', '初一一班'));


let md2: encrypt = function (key: string, value: string): string {
  return key + value;
}
console.log(md2('李四', '初二三班'));

 2.可索引接口

对数组、对象的约束

(1)对数组的约束

interface UserArr {
  [index: number]: string
}

let arr: UserArr = ['aaa', '111'];
console.log(arr[1]);

(2)对对象的约束

interface UserObj {
  [index: string]: string
}

let obj: UserObj = { name: '张三', age: '20' }
console.log(obj);

3.类类型接口

对类的约束（和抽象类相似）

interface Animal {
  name: string;

  eat(str: string): void;
}

class Dog implements Animal {
  // 必须包含name
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  // 必须包含eat方法
  eat() {
    console.log(this.name + '吃肉');
  }
}

let d = new Dog('达摩');
d.eat();

4.接口的扩展

接口也是可以继承的

// 父接口
interface Animal {
  eat(): void;
}
// 子接口继承自父接口
interface Person extends Animal {
  work(): void;
}

class Programmer {
  name: string;
  constructor(name: string) {
    this.name = name;
  }

  coding() {
    console.log(this.name + "在写代码");
  }
}

// 类的继承和接口的继承
class Web extends Programmer implements Person {
  constructor(name: string) {
    super(name);
  }

  // 由于继承关系，所以这个类必须同时包含父接口和子接口的方法
  eat() {
    console.log(this.name + "在吃饭");
  }
  work() {
    console.log(this.name + "在工作");
  }
}

let w = new Web('张三');
w.work();
w.eat();
w.coding();