ts的数据类型

1、ts中的类型：

(1)、ts中的原始类型：

• js里本来就有的(基本)类型：number、string、boolean、null、undefined、Symbol
• ts里新增的类型：void、any、联合类型、函数、数组类型、类 ....

(2)、内置对象类型：

DOM：Document、HTMLElement、NodeList ...

(3)、ES内置类：

Boolean、Error、Date、RegExp、Math，Array，XMLHttpRequest ...

2、ts类型的解释：

布尔值

最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean（其它语言中也一样）。

let isDone:boolean = false;

数字

和JavaScript一样，TypeScript里的所有数字都是浮点数。 这些浮点数的类型是number。 除了支持十进制和十六进制字面量，TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。

let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;

字符串

JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样，我们使用string表示文本数据类型。 和JavaScript一样，可以使用双引号（ "）或单引号（'）表示字符串。

let name: string = "bob";
name = "smith";

还可以使用模板字符串，它可以定义多行文本和内嵌表达式。 这种字符串是被反引号包围（ ``），并且以${ expr }`这种形式嵌入表达式。

let name: string = `Gene`;
let age: number = 37;
let sentence: string = `Hello, my name is ${ name }`.

I'll be ${ age + 1 } years old next month.`;

这与下面定义sentence的方式效果相同：

let sentence: string = "Hello, my name is " + name + ".\n\n" +
    "I'll be " + (age + 1) + " years old next month.";

数组

TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。

第一种，可以在元素类型后面接上 []，表示由此类型元素组成的一个数组：

let list: number[] = [1, 2, 3];

第二种方式是使用数组泛型，Array<元素类型>：

let list: Array<number> = [1, 2, 3];

enum 枚举

TS中新增的类型。

使用枚举类型可以为一组数值赋予友好的名字。枚举表示的是一个命名元素的集合值，就是给一组数据起一个友好的名字。

enum user{xiaoming,xiaohong,xiaobai}
console.log(user.xiaohong)//默认情况下数据的值从0开始

enum week{sun,mon,tue,wen,thu,fri,sat}

// 设置值
enum user{xiaoming,xiaohong=99,xiaobai}
console.log(user.xiaohong)
console.log(user.xiaobai)

// 字符串枚举设置值
enum user{xiaoming,xiaohong="小红",xiaobai="小白"}
console.log(user.xiaohong)
console.log(user.xiaobai)

tuple 元组

元组，TS中新增的类型。。

元组类型用来表示已知元素数量和类型的数组，各元素的类型不必相同，对应位置的类型需要相同（赋值的顺序不能变）。

let x: [string, number];//表示定义一个数组，只有两个元素，第一个元素是字符串类型，第二个元素是数字型。
x = ["hello", 10]; 

any

所有类型，任何类型。

有时候，我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自于动态的内容，比如来自用户输入或第三方代码库。 这种情况下，我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用any类型来标记这些变量：

let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean

在对现有代码进行改写的时候，any类型是十分有用的，它允许你在编译时可选择地包含或移除类型检查。你可能认为Object有相似的作用，就像它在其它语言中那样。但是Object类型的变量只是允许你给它赋任意值，但是却不能够在它上面调用任意的方法，即便它真的有这些方法：

let notSure: any = 4;
notSure.ifItExists(); // okay, ifItExists might exist at runtime
notSure.toFixed(); // okay, toFixed exists (but the compiler doesn't check)

let prettySure: Object = 4;
prettySure.toFixed(); // Error: Property 'toFixed' doesn't exist on type 'Object'.

当你只知道一部分数据的类型时，any类型也是有用的。 比如，你有一个数组，它包含了不同的类型的数据：

let list: any[] = [1, true, "free"];

list[1] = 100;

void

某种程度上来说，void类型像是与any类型相反，它表示没有任何类型。 当一个函数没有返回值时，你通常会见到其返回值类型是void。

function warnUser(): void {
    console.log("This is my warning message");
}

声明一个void类型的变量没有什么大用，因为只能为它赋予undefined和null：

let unusable: void = undefined;

unknown

未知类型，没有类型。

any 与 unknown 的共同点是，都可以将任何其他类型的值赋值给 any 类型或者 unknown 类型的变量。比如：

const n:number = 1;
const n1: any = n;
const n2: unknown = n;

any 类型和 unknown 类型的区别是：

变量 n1 具有 any 类型，它表示 n1 可以是任何类型，可以对 n1 做任何操作；即使 n1 是 number 类型，n1.push 的调用依然不会做类型的报错，这无形中失去了 Typescript 给我们带来的类型安全性。不推荐使用any，尽量不要使用any。

而 n2 具有 unknown 类型，它表示 n2 是未知类型（没有类型），所以 n2 不支持任何操作。 所以在某些场合中，使用 unknown 类型，可以限制某些变量的行为，使我们的编码习惯更加谨慎。