TypeScript

interface 和 type 的区别

相同点

都可以描述一个对象或者函数

interface User {
  name: string
  age: number
}
interface SetUser {
  (name: string): void
}

type User = {
  name: string
  age: number
}
type SetUser = (name: string): void

都允许扩展
而且两者并不是独立的，也就是说 interface 可以 extends type，type也可以extends interface

interface Name {
    name: stirng
}
interface User extends Name {
  age: number
}

type Name = {
  name: string
}
// 使用 &
type User = Name & { age: number }

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

interface Name {
  name: string
}
// 使用 & 
type User = Name & { age: number }

不同点

type 可以而 interface 不行

1. type 可以声明基本类型，联合类型，元组等类型 ```typescript type Name = string

interface Dog { wong() } interface Cat { miao() }

type Pet = Dog | Cat

type PetList = [Dog, Pet] // 具体定义数组每个位置的类型

2. type 语句中还可以使用 typeof 获取实例的类型进行赋值
```typescript
let div = document.createElement('div')
type B = typeof div

1. 其他

   type StringOrNumber = string | number
   type Text = string | { text: string }
   type NameLookup = Dictiononary<string, Person>
   type Callback<T> = (data: T) => void
   type Pair<T> = [T, T]
   type Coordinates = Pair<number>
   type Tree<T> = T | { left: Tree<T>, right: Tree<T> }

interface 可以而 type 不行

interface 可以声明合并

interface User {
  name: string
  age: number
}
interface User {
  gender: string
}
/*
User 接口为 {
  name: string
  age: number
  sex: string 
}
*/

总结

使用 type：

• 定义原始数据类型的别名（string, boolean, null, number, bigint, symbol, undefined）
• 定义元组类型
• 定义函数类型
• 定义联合类型
• 试图通过组合重载对象类型中的函数
• 需要利用映射类型

使用 interface：

• 对象类型
• 需要声明合并

类

索引签名

索引签名属性类型必须是“字符串”或“数字”
也就是 [x: number]或者 [x: string]