TypeScript 中的常用类型声明大全

文章目录

• 基本数据类型
• • 1.number 类型
  • 2.String 类型
  • 3. Boolean 类型
  • 4. undefined 类型
  • 5.Null 类型
  • 6.Symbol 类型
  • 7.BigInt 类型
• 引用数据类型
• • 8.Array 类型
  • 9.Object 类型
• TS 新增特性数据类型
• • 4. 联合类型
  • 5. 字面量类型
  • 6.Any 类型
  • 7.unknown 类型
  • 8.Void 类型
  • 9.never 类型
  • 10. 对象类型
  • 12 tuple（元组）
  • 13.enum (枚举)

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

基本数据类型

1.number 类型

let variable: number = 123   
variable = 789
console.log(variable);


let a: number = 10; 

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: Arraynumber>

9.Object 类型

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

let obj: object = {}



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         

5. 字面量类型

let variable: "男" | "女"
variable = "男"
variable = "女"
variable = "你好呀"        

6.Any 类型

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

let variable: any

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

type name = "vue" | "react"

let a: name = "react"; 

警告：当 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: "张三" }    

let obj: { name: string, age?: number }     
obj = { name: "张三" }



let obj: { name: string, [key: string]: any } 
obj = { name: "张三", age: 123 }        


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 的更多语法特性。

---

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