类型别名和interface

类型声明

type aliases

类型别名允许使用自定义名称定义基本类型（例如：string）或者复杂类型（例如：objects）

type SnCode = string

const snCode: SnCode = '123'

interface

interface与类型别名类似，但是它只能定义object类型，显式地描述对象的内部数据的类型

interface Student {
    age: number,
    name: string
}

如果相同作用域下出现同名interface，则会自动合并属性

interface Shape {
    name: string
}

interface Shape {
    getArea: () => number
}

const shape: Shape = {
    name: '',
    getArea() {
        return 1
    },
}

相对于type alias，更建议使用interface

extends

type alias

type alias通过&扩展属性，又称为交叉类型（Intersection Types）。

type Student = {
    name: string
}

type CollegeStudent = {
    college: string
} & Student

interface

interface通过关键字extends扩展属性，相当于添加了其他interface的属性，并且它可以扩展任意自定义类型。

interface CollegeStudent extends Student {
    paper: string[]
}

从类型创建类型

属性名（针对对象）

通过指定的属性名查找出对应的属性值的类型

type Student = { name: string, age: number, sex: string }
type MyString = Student['name']

索引（针对数组）

切记：在ts中，数组是包含相同类型的一组数据。

const arr = [
    {name: 'xiaoming', age: 27, sex: '男'},
    {name: 'xiaohuang', age: 28, sex: '女'}
]
type Student = typeof arr[number]

keyof关键字

type Student = { name: string, age: number, sex: string }
type MyString = Student[keyof Student]

as关键字

在v4.1及以上版本，提供了as关键字可以对映射的key再次映射，

区别

type alias 拥有interface的所有特性，但是type alias无法重新打开添加新的属性（指interface自动合并相同作用域下的同名声明）

1. 继承语法上的不同

// interface
interface Animal {
    name: string;
}

interface Bear extends Animal {
    honey: boolean;
}

const bear = getBear();
bear.name;
bear.honey;

type alias 是通过&来扩展属性的

type Animal = {
    name: string;
}

type Bear = Animal & {
    honey: boolean;
}

const bear = getBear();
bear.name;
bear.honey;

2. 含义不同

type alias的含义与他的中文翻译一样，用于为类型起别名而存在的。看到interface，第一时间想到的是结构：定义一个对象的结构是什么样子的。