interface type

在日常工作中，常见的类型的定义，interface type都使用过，那么有什么共同点和差别呢

相同点

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

interface

interface user { 
	name: string
	age: string
}
interface setuser {
	(name: string, age: number) :void
}

type

type user = {
	name: string
	age: string
}
type setuser = (name:string,age:number) => void

都允许扩展（extend）

interface 和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: string
}
const user: User = {
  name: 'aa',
  age: '333'
}

不同点

type可以而interface不可以

• type可以声明基本类型别名，联合类型，元组等类型

// 基本类型别名
type Name = string
// 联合类型
interface Dog {
  wang()
}
interface Cat {
  miao()
}
type Pet = Cat | Dog

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

• type语句中还可以使用typeof获取实例的类型进行赋值

// 当你想获取一个变量的类型的时候， 使用typeof
const div = document.createElement('div')
type b = typeof div

其他操作见具体需求啦

interface可以 type不行

interface能够声明合并

interface User {
  name: string
  age: string
}
interface User {
  height: string
}

转载
https://juejin.cn/post/6844903749501059085