TypeScript 基本类型有哪些

如果你是刚接触前端的开发者,肯定听过“TypeScript”这个词——它就像给JavaScript加了一层“规矩”,能帮你少踩不少bug。而这层规矩的核心,就是“类型”:提前告诉你什么是“对的”,什么是“错的”。今天就用生活里的例子,把TypeScript的基本类型讲明白。

最常用的基础类型:像日常的“单个物件”

这些类型都是对应生活里单个的、不可拆分的事物,是最容易理解的。

TypeScript 基本类型有哪些

第一个是string,就是文本类型。就像你记购物清单上的“苹果3斤”“牛奶1盒”,这些文字内容都归string管,它会自动识别“你写的是字,不是数字”。第二个是number,就是数字类型——不管是整数(比如年龄25)、小数(比如奶茶12.5元),还是负数、甚至是科学计数法,都属于number。和生活里一样,你不能把“二十”这种字当成数字用,TypeScript会直接报错。第三个是boolean,就是“是/非”类型,对应生活里的开关:灯开了就是true,关了就是false,只有这两个值,没有别的可能。

还有两个不常用但必须知道的基础类型:null和undefined。举个例子:你把快递寄给朋友,朋友没收到,快递盒是空的,这就是null(空,是你主动给的空);而你填快递单时没写收件人电话,这就是undefined(没定义,是本来该有但没写的)。这俩的区别就像“主动留空”和“忘了填”,别搞混。

组合类型:把单个物件凑成“组合包”

如果只有单个类型,处理复杂场景会很麻烦,TypeScript提供了两种组合类型,对应生活里的“打包组合”。

第一个是array,就是数组类型,对应你把一堆同类的东西放在一起。比如你家的鞋柜里有5双鞋,都是鞋子,就可以用数组存;但如果把“一双鞋”和“一杯水”放在一个数组里,TypeScript会警告你——就像你把外套和冰淇淋塞同一个袋子,容易串味,这就是类型规矩在起作用。数组的写法很简单,比如string[]就是“全是文本的数组”,number[]就是“全是数字的数组”。

第二个是tuple,就是元组,它是“长度固定的数组”,对应你给东西分类固定的组合。比如你去超市买“1个面包+2瓶水”,这个组合的数量是固定的,就可以用元组表示:[string, number],意思是“第一个元素是文本(面包),第二个是数字(数量)”。如果硬要把这个组合改成“2个面包+1瓶水”,虽然类型都对,但顺序错了,TypeScript也会报错——就像你买东西时把数量和商品搞反,收银员会提醒你。

特殊的“任意门”类型:灵活处理不确定的情况

有时候你没法确定一个值到底是什么类型,比如从接口拿过来的用户数据,可能是文本也可能是数字,这时候就需要any类型,相当于“任意类型”。就像你帮朋友带礼物,不知道对方喜欢什么,先随便拿个盒子装着,之后再换。不过要注意,别随便用any,不然就相当于放弃了TypeScript的类型检查,又回到了JavaScript的“随便写”状态,失去了用它的意义。

另外还有void类型,对应生活里“什么都没有”的情况——比如你做了一件事,没留下任何结果,就可以用void。比如你写一个函数,只是打印一句“你好”,不需要返回值,就可以标成void,告诉别人“这个函数没输出”。

掌握了这些基本类型,你就已经能应付大部分日常的TypeScript开发场景了。不用怕记不住,把它们和生活里的例子对应起来,用的时候自然就会想到该选哪种类型。

上一篇 TypeScript 如何做 SDK 类型