TypeScript对象类型别名type和interface

简介

对象类型别名使用type 或者 interface

// types/use.ts
type Person = {
	name: string,
	age: number
}

interface Person1 {
	name: string,
	age: number
}

拓展

• type 拓展-&操作符拓展

// types/use.ts 类型别名定义
type Person = {
  name: string
}

type Person2 = Person & {
  age: number
}

// 使用
const p1: Person2 = {
  name: '张三',
  age: 26
}
console.log(p1)

• interface 拓展-extends 继承拓展

interface Person3  {
  name: string
}

interface Person4 extends Person3 {
  age: number
} 

const p2: Person4 = {
  name: '张三',
  age: 26
}
console.log(p2)

• interface 拓展-重名拓展

interface Person5  {
  name: string
}

interface Person5 {
  age: number
} 

const p3: Person5 = {
  name: '张三',
  age: 26
}
console.log(p3)