上一章节，我们介绍了什么是TS，以及TS的应用场景。本章节将给大家介绍，在TypeScript 中，常用的数据类型声明，有我们熟悉的 基本数据类型，也有，一些TypeScript 新增的一些，语法规范类型。出发吧…

基本数据类型

1.number类型

let variable: number = 123   //为变量 指明 类型，后续，如果要对此变量 从新赋值，则赋值数据类型只能为声明时的类型。
variable = 789
console.log(variable);


let a: number = 10; //十进制
//下面这些赋值也属于 number
a = 0b1010; //二进制
a = 0o12;  //八进制 
a = 0xa;   //十六进制
a = NaN;
a = Infinity;

2.String 类型

let variable: string = "字符串"
variable = "前端开发"
console.log(variable);

3. Boolean 类型

let variable: Boolean = false;
variable = true
console.log(variable);

函数：同样的，也可以给函数限制 接受形参的类型和，限制返回值的数据类型

function num(a: number, b: number): number {
    return a + b
}
let type = num(12, 123)
console.log(type);

小提示：如果 声明变量和赋值同时进行，TS可以自动进行类型判断，以你给他的初始数据类型为，变量数据类型。

---

4. undefined 类型

let u: undefined = undefined

5.Null类型

let n: null = null

undefined 和 null ，还可以作为其他类型的子类型，把 undefined 和null 赋值给其他类型的子类型。如：

let u: number = undefined
let s: string= undefined

注意：实际开发中，undefined 和 null 两种类型，使用场景并不多

6.Symbol类型

let s: symbol = Symbol(789456)

7.BigInt类型

let b: bigint = BigInt(4586541531351356);

---

引用数据类型

8.Array 类型

 let arr:string[]
 arr=["张三","李四"]
 
 let arr: number[]
 arr = [1, 2]
 
 //泛型写法
let arr: Array<number>

9.Object 类型

object 表示非原始数据类型。除了 number，string，boolean 类型之外的其他类型。

let obj: object = {}

//不支持 number，string，boolean 类型字面量直接赋值，但是可以 通过下面的 
//new 实例化，或者 直接赋值 类 定义
obj = null;
obj = undefined;
obj = []
obj = new Number();
obj = Number
obj = new String();
obj = String

TS 新增特性数据类型

4.联合类型

let variable: string | number
variable = 123
variable = "asdfassf"
variable = false         //XXXXXX.这里不能赋值为 Boolean  值，因为声明变量时，指定了类型范围

5.字面量类型

let variable: "男" | "女"
variable = "男"
variable = "女"
variable = "你好呀"        //XXXXXX  这里也会报错，因为声明时，也指定了，赋值范围，只能为  “男”或“女” 的字符串

6.Any 类型

any 相当于就是TS 关闭了数据类型检查，可以赋值任意类型，但是TS 中，不建议使用。

let variable: any

variable = 123
variable = "字符串"
variable = false
variable = {}

type name = "vue" | "react"

let a: name = "react"; //a 只能是字面量值中的其中一个

警告：当any 类型的变量，当成参数赋值给其他类型变量的时候，如果，两个变量类型不匹配，也不会报错，会埋下安全隐患！

let variable: any
variable = 123

let str: string
str = variable
console.log(str);   //不会报错

7.unknown 类型

unknown 类型和any 同理，只是会在，两个变量互相赋值的时候，会做类型校验，相当于是any 的 安全锁

8.Void 类型

void 类型多用于函数，，表示没有任何返回值的函数，只要有返回值，就会报错

function fn():void{
    return undefined
}
function fn():void{
    return 
}

9.never 类型

同 void ，表示完全没有返回值，连 undefined 都不能返回

function fn():never{
    throw new Error('终止')
}

10.对象类型

let obj: { name: string, }
obj = { name: "张三" }    //声明一个对象，给对象赋值的时候，有且只能有，name 定义好的字段，且类型必须相同

let obj: { name: string, age?: number }     //定义参数时，在后面加上 ?  代表这是非必要参数，赋值时，可以不用传
obj = { name: "张三" }



let obj: { name: string, [key: string]: any } 
obj = { name: "张三", age: 123 }        //这样定义代表，除name， 必须要 赋值外，其他的，任意key的值，也可以是 任意 类型。

//定义函数结构 类型
let fn: (a: number, b: number) => number

12 tuple （元组）

let arr: [number, string]  // 固定长度的数组，

//给数组赋值的的时候，类型的位置以及参数的个数要一一对应
arr = [123, "字符串"]         

arr.push(123)   //但是当调用数组身上的方法，进行动态传值的时候，不用限制特定的类型顺序和长度，
arr.push("字符串")   //只需要遵循，所添加的值类型必须为元组中所定义的。，因为在使用方法添加数据的时候，会把我们的定义为联合类型，从而规避类型检查。

13.enum (枚举)

enum num {   //创建一个枚举
    names = "张三",
    age = 123
}

let template: { name: num, age: num }

template = { name: num.names, age: num.age }

console.log(template);

总结：

本章节主要介绍了在 TypeScript 中，开启强制数据类型时的一些使用语法，，强制数据类型，也是TS 的初始概念，，本章节主要就介绍这么多了。下一章节我们将继续探索 TS的更多语法特性。

---

🚵‍♂️ 博主座右铭：向阳而生，我还在路上！
——————————————————————————————
🚴博主想说：将持续性为社区输出自己的资源，同时也见证自己的进步！
——————————————————————————————
🤼‍♂️ 如果都看到这了，博主希望留下你的足迹！【📂收藏！👍点赞！✍️评论！】
——————————————————————————————