TypeScript——类型别名(type)

类型别名

type 关键字，用来给一个类型起个新名字

定义类型别名

type str = string

let s: str = '我是张三'

console.log(s)

定义联合类型别名

type item = string | number

let arr: item[] = [1, 'zs']

console.log(arr)

interface与类型别名

两者可以被继承

• interface 继承 interface

interface Person {
  name: string
}

interface Student extends Person {
  stuNo: number
}

• interface 继承 type

type Person = {
  name: string
}

interface Student extends Person {
  stuNo: number
}

• type 继承 type

type Person = {
  name:string
}

type Student = Person & { stuNo: number }

• type 继承 interface

interface Person{
  name:string
}

type Student = Person & { stuNo: number }

interface的继承通过extends， type 通过 & 交叉类型合并

声明合并

如果你多次声明一个同名的接口，TypeScript 会将它们合并到一个声明中，并将它们视为一个接口。这称为声明合并

interface Person {
  name: string
}
interface Person {
  age: number
}

let user: Person = {
  name: 'zs',
  age: 18,
}

这种情况下，如果是type的话，重复使用Person是会报错的

type Person = {
  name: string
}

type Person = {
  age: number
}

interface 重名会进行合并，type 不行，会报错，只能声明一次