在日常工作中,常见的类型的定义,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