前端开发那些事儿

TS中类型声明

2020-10-31  本文已影响0人  深度剖析JavaScript

我们知道TypeScript中提供了一些基本类型以及类也可以当类型。但是有的时候我们需要一些更灵活的类型,这就需要自定义一些类型或者叫类型声明

声明类型需要借助一个关键字type
例如

type User = {
    name: string;
    age?: number;
}

以上代码定义了一个User类型,该类型必须有name属性类型为string,可以选择有或者没有类型为numberage属性

let user: User;
user = {
    name: 'Alice'
}

上述代码,声明一个user变量要求是我们定义的User类型并赋值,赋值时需要值与定义的类型对应
当然不仅仅用于变量,自定义类型跟普通类型一样,可以用于所有能用类型的地方,没有限制,比如函数的形参等等

function show(obj: User) {
    console.log(obj.name)
}
show(user);

以上就TS类型声明的基本使用,可以看到使用type关键字可以很方便的创建一个新类型

上一篇 下一篇

猜你喜欢

热点阅读