TS接口

函数和方法的区别：

当一个函数是对象的属性时，这个函数为该对象的方法

接口就是用代码描述一个对象必须有什么属性（包括方法），但是有没有其他属性就不管了。

比如「一个电脑有 USB 接口」的意思是这个电脑能够插入 USB 设备，这个电脑其他的功能就随意了。

interface Human{
    name: string,
    age: number
}

只读属性

interface Human{
    readonly name: string,
    readonly age: number
}

最简单判断该用readonly还是const的方法是看要把它做为变量使用还是做为一个属性。
做为变量使用的话用 const，若做为属性则使用readonly。

可选属性

interface Human{
    name?: string,
    age?: number
}
interface Shape {
  head: string;
  body: string;
}
interface Human {
  readonly name: string;
  age: number;
  shape: Shape;
  likedGame?: Array<string>;
  say(word: string): void;
}

let frank: Human = {
  name: 'frank',
  age: 18,
  shape: { head: '〇', body: '口' },
  say(word: string) {
    console.log(`${this.name}: ${word}`);
  },
};

frank.say('你好');

传interface之外的（有个缺陷在传入函数或者方法的时候，若是可选的则不会报错）

interface SquareConfig {
    color?: string;
    width?: number;
}

function createSquare(config: SquareConfig): void {
    // ...
}

let mySquare = createSquare({ colour: "red", width: 100 });

那么，想要传入 Interface 之外的属性，可以受控：

使用类型断言

 let mySquare = createSquare({ width: 100, opacity: 0.5 } as SquareConfig);

使用索引签名

 interface SquareConfig {
     color?: string;
     width?: number;
     [propName: string]: any;
 }

使用临时变量（不推荐）

接口就是用代码描述一个对象必须有什么属性。

如果这个属性是函数怎么办？

interface Human{
    name: string,
    age: number,
    add(a:number, b:number): number
}

如果这个对象是函数怎么办？

interface SearchFunc {
    (source: string, subString: string): boolean;
}

如果这个对象是函数，而且这个对象的属性也是函数怎么办？

interface 二则运算 {
    (a: number, b: number): number;
    逆运算(a: number, b: number): number;
}
let fn = (): 二则运算 => {
    let x: any = function(a: number, b: number): number {
        return a + b;
    };

    x.逆运算 = function(a: number, b: number): number {
        return a - b;
    };
    return x;
}

let add: 二则运算 = fn();

console.log(add(1, 2));

如果这个对象是数组怎么办？

interface StringArray {
[index: number]: string;
}

let myArray: StringArray;
myArray = ["Bob", "Fred"];

let myStr: string = myArray[0];

接口可以继承

interface Shape {
    color: string;
}

interface Square extends Shape {
    sideLength: number;
}

let square = <Square>{};
square.color = "blue";
square.sideLength = 10;

接口可以继承两个接口（横向）
接口可以继承继承过的接口（纵向）