JS 内置的原始类型在 TypeScript 中它们都有对应的类型注解。其中,除了 null 与 undefined 以外,余下的类型对应 JavaScript 中的数据类型概念。
🍽️ null 与 undefined
在 TypeScript 中,null 与 undefined 类型都是有具体意义的类型。
这两者在没有开启 strictNullChecks
检查的情况下,会被视作其他类型的子类型。
🥚 void
在 TypeScript 中的 void 和 JavaScript 中的 void 不一样。void 用于描述函数没有显式 return 返回值,可以认为 void 表示一个空类型(null 与 undefined 都是具有意义的实际类型)。
🍻 type 与 interface
interface 用来描述对象、类的结构,而类型别名用来将一个函数签名、一组联合类型、一个工具类型等等抽离成一个完整独立的类型。
🍢 object、Object 以及 { }
- Object,JS 原型链的顶端是 Object 以及 Function,这也就意味着所有的原始类型与对象类型最终都指向 Object,在 TypeScript 中就表现为 Object 包含了所有的类型:
// 对于 undefined、null、void 0 ,需要关闭 strictNullChecks
const tmp1: Object = undefined;
const tmp2: Object = null;
const tmp3: Object = void 0;
const tmp4: Object = 'linbudu';
const tmp5: Object = 599;
const tmp6: Object = {
name: 'linbudu' };
const tmp7: Object = () => {
};
const tmp8: Object = [];
和 Object 类似的还有 Boolean、Number、String、Symbol,这几个装箱类型(Boxed Types) 同样包含了一些超出预期的类型。以 String 为例,它同样包括 undefined、null、void,以及代表的 拆箱类型(Unboxed Types) string,但并不包括其他装箱类型对应的拆箱类型,如 boolean 与 基本对象类型。
在任何情况下,你都不应该使用这些装箱类型。
- object 的引入就是为了解决对 Object 类型的错误使用,它代表所有非原始类型的类型,即数组、对象与函数类型这些:
const tmp17: object = undefined;
const tmp18: object = null;
const tmp19: object = void 0;
const tmp20: object = 'linbudu'; // X 不成立,值为原始类型
const tmp21: object = 599; // X 不成立,值为原始类型
const tmp22: object = {
name: 'linbudu' };
const tmp23: object = ()