《菜鸟教程》-TypeScript 基础类型

TypeScript 包含的数据类型如下表:

由图表可以看出，TS的数据类型与JS有所不同， 其中any， void， never，元组，枚举是新的数据类型。

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)、数组(Array)、函数(Function)。

Any 类型

任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型，它常用于以下三种情况。
代码示例：

let x: any = 1;    // 数字类型x = 'I am who I am';    // 字符串类型x = false;    // 布尔类型

改写现有代码时，任意值允许在编译时可选择地包含或者移除类型检查，示例代码如下：目前直接写在.ts文件中利用ts-node编译运行，ifItExists方法提醒不存在会出粗。

let x: any = 4;x.ifItExists();    // 正确，ifItExists方法在运行时可能存在，但这里并不会检查x.toFixed();    // 正确

定义存储各种类型数据的数组时，示例代码如下：

let arrayList: any[] = [1, false, 'fine'];arrayList[1] = 100;

测试：ifItExists方法不支持会报错
测试结果

Null 和 Undefined

null

在 JavaScript 中 null 表示 “什么都没有”。
null是一个只有一个值的特殊类型。表示一个空对象引用。
用 typeof 检测 null 返回是 object。

undefined

在 JavaScript 中, undefined 是一个没有设置值的变量。
typeof 一个没有值的变量会返回 undefined。

Null 和 Undefined 是其余任何类型（包括 void）的子类型，可以赋值给其它类型，如数字类型，此时，赋值后的类型会变成 null 或者 undefined。而在TypeScript中启用严格的空校验（–strictNullChecks）特性，即可以使得null 和 undefined 只能被赋值给 void 或者本身对应的类型，示例代码如下：

// 启用 --strictNullCheckslet x: number;x = 1; // 运行正确x = undefined;    // 运行错误x = null;    // 运行错误

上面的例子中变量 x 只能是数字类型。假如一个类型可能出现 null 或者 undefined， 可以用 | 来支持多种类型，示例代码如下：

// 启用 --strictNullCheckslet x: number | null | undefined;x = 1; // 运行正确x = undefined;    // 运行正确x = null;    // 运行正确

–strictNullChecks标记的启用是在tsconfig.json文件里进行配置。

{        "compilerOptions": { //编译选项,可以被忽略，这时编译器会使用默认值            "strictNullChecks": false, //在严格的null检查模式下，null和undefined值不包含在任何类型里，只允许赋值给void和本身对应的类型。        }}

never 类型

never 是其它类型（包括 null 和 undefined）的子类型，代表从不会出现的值。这意味着公告为 never 类型的变量只能被 never 类型所赋值，在函数中它通常体现为抛出异常或者无法执行到终止点（例如无限循环），示例代码如下：

let x: never;let y: number;// 运行错误，数字类型不能转为 never 类型x = 123;// 运行正确，never 类型可以赋值给 never类型x = (()=>{ throw new Error('exception')})();// 运行正确，never 类型可以赋值给 数字类型y = (()=>{ throw new Error('exception')})();// 返回值为 never 的函数可以是抛出异常的情况function error(message: string): never {    throw new Error(message);}// 返回值为 never 的函数可以是无法被执行到的终止点的情况function loop(): never {    while (true) {}}

假如觉得文章写得还行，请点个赞。假如想与我进一步交流，可以关注我的公众号或者者加我的微信。

个人微信
公众号_前台微说.jpg