TypeScript

[mileOfSunshine]

接口

接口定义一批类所需要遵守的规则。接口中不能有方法体，只需要有方法定义。

接口的定义不要理解为是在定义一个对象，而是要理解为{}括号包裹的代码块，里面是一条条声明语句，只不过声明的不是变量的值而是类型。声明用冒号指定类型，每条声明之前可换行、分号、逗号分隔。

接口声明由关键字interface开头，后面紧跟着接口名，接口名一般以大写字母开头。

接口支持的属性有：

• 可选属性

  interface Person {
  name: string;
  sex?: string;
  }

• 只读属性

  interface Person {
  readonly name: string;
  }

• 函数类型

  
  interface Add {
  (num1: number, num2: number): number;
  }

- 索引类型（签名）
```ts
interface Person {
    [id: number]: string;
}

• 继承

interface Person {
    name: string;
}

interface Student extends Person {
    age: number;
}

[mileOfSunshine]

类型别名

类型别名用来给一个类型起个新名字。使用 type 关键字来定义类型别名。

• 可以使用泛型

  
  type Size<T> = { width: T, height: T };

let obj: Size = { width: 100, height: 200 };

- 使用类型别名时可以在**属性**中引用自己
```ts
type Child<T> = {
    rank: T,
    child?: Child<T>
}

let obj: Child<number> = {
    rank: 1,
    child: {
        rank: 2,
        child: {
            rank: 3
        }
    }
}

• 字面量类型（字符串字面量类型、数字字面量类型）

  
  type Direction = 'left' | 'right' | 'top' | 'bottom';

let dir: Direction = 'left';

[mileOfSunshine]

接口 & 类型别名

使用场景：

• 接口：当定义的类型用于拓展（implements）时，使用接口
• 类型别名：当无法通过接口并且需要使用联合类型或元组类型时，用类型别名

区分：

• 接口可以重复定义，它的属性会叠加，类型别名不行
• type 可以使用联合类型和交集，interface不能使用联合类型和交集组合
• type 支持类型映射，interface不支持

相同点：允许扩展

• interface extends interface
• type extends type
• interface extends type
• type extends interface

// interface extends interface
interface Name { 
  name: string; 
}
interface User extends Name { 
  age: number; 
}

// type extends type
type Name { 
  name: string; 
}
type User  = Name & { age: number }

// interface extends type
type Name { 
  name: string; 
}
interface User extends Name {
  age: number;
}

// type extends interface
interface Name { 
  name: string; 
}

type User = Name & { age: number }