TypeScript——类型别名(type)

最新推荐文章于 2024-08-20 15:28:17 发布

泊一

最新推荐文章于 2024-08-20 15:28:17 发布

阅读量701

点赞数

分类专栏： TypeScript 文章标签： typescript 前端

本文链接：https://blog.youkuaiyun.com/w_D_lufei/article/details/131351583

版权

TypeScript 专栏收录该内容

8 篇文章

订阅专栏

文章介绍了TypeScript中使用type关键字创建类型别名，以及如何定义联合类型别名。同时，探讨了interface与type的继承关系，包括interface之间的继承、interface继承type和type继承type的不同方式。文章还强调了声明合并的概念，指出interface可以合并同名声明，而type则不允许。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

类型别名

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 不行，会报错，只能声明一次