尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

TypeScript 基础类型

TypeScript 基础类型
📅 发布时间:2026/6/18 9:42:18

TypeScript 基础类型详解

TypeScript 的类型系统是其核心优势,它提供了比 JavaScript 更严格、更安全的类型检查。以下是 TypeScript 中最常用的基础类型(primitive types 和常用组合类型),全部基于 TypeScript 5.x 版本。

1. 基本原始类型(Primitives)
类型描述示例代码说明
boolean布尔值let isActive: boolean = true;只有true和false
number数字(包括整数、浮点数)let age: number = 30;
let pi: number = 3.14;
支持NaN、Infinity
bigint大整数(ES2020+)let big: bigint = 100n;末尾加n
string字符串let name: string = "Alice";
let greeting: string =Hi ${name};
支持模板字符串
undefined未定义let u: undefined = undefined;严格模式下需注意
null空值let n: null = null;与undefined不同
symbol唯一标识符let sym: symbol = Symbol("id");常用于对象属性键
2. any 类型(万能类型)
letanything:any=4;anything="string";// 任意类型都可赋值anything=true;// 不会报错anything.bark();// 也不会报错(但运行时可能出错)

注意:any会关闭类型检查,不推荐滥用。尽量使用unknown替代。

3. unknown 类型(更安全的 any)
letunknownValue:unknown=4;// unknownValue.toFixed(); // 错误:必须先检查类型if(typeofunknownValue==="number"){console.log(unknownValue.toFixed(2));// OK}

unknown强制你进行类型检查或断言,安全性远高于any。

4. 数组类型(Array)

两种写法等价:

letnumbers1:number[]=[1,2,3];// 推荐letnumbers2:Array<number>=[1,2,3];// 泛型写法

只读数组:

letreadonlyArr:ReadonlyArray<number>=[1,2,3];// readonlyArr.push(4); // 错误:只读
5. 元组类型(Tuple)

固定长度、固定类型顺序的数组:

letperson:[string,number]=["Alice",30];// person[2] = "extra"; // 错误:长度固定// 可选元素(TS 4.0+)letoptionalTuple:[string,number?]=["Bob"];
6. 对象类型(Object)

推荐使用interface或type定义对象结构:

// 使用 interfaceinterfaceUser{name:string;age:number;isAdmin?:boolean;// 可选readonlyid:number;// 只读}letuser:User={name:"Charlie",age:28,id:1};// 使用 type(更灵活)typePoint={x:number;y:number;};letp:Point={x:10,y:20};
7. 联合类型(Union Types)

一个值可以是多种类型之一:

letid:string|number=123;id="abc";// OKfunctionprintId(id:string|number){if(typeofid==="string"){console.log(id.toUpperCase());}else{console.log(id.toFixed(2));}}
8. 字面量类型(Literal Types)

限制值为具体字面量:

typeStatus="success"|"error"|"loading";letstate:Status="success";// 只能是这三个值typeYesNo=true|false;typeZero=0;
9. 枚举(Enums)

定义一组命名常量:

enumDirection{Up,// 默认 0Down,// 1Left,// 2Right// 3}letdir:Direction=Direction.Up;console.log(Direction[0]);// "Up"(反向映射)

字符串枚举(推荐):

enumColor{Red="RED",Green="GREEN",Blue="BLUE"}
10. void 类型

表示函数无返回值:

functionlog(message:string):void{console.log(message);}
11. never 类型

表示永远不会正常返回:

functionthrowError(msg:string):never{thrownewError(msg);}functioninfiniteLoop():never{while(true){}}
12. 内置实用类型(Utility Types)——常用基础工具
类型作用示例
Partial<T>所有属性变为可选Partial<User>
Required<T>所有属性变为必选Required<User>
Readonly<T>所有属性变为只读Readonly<User>
Pick<T, K>挑选部分属性`Pick<User, “name”
Omit<T, K>排除部分属性Omit<User, "id">
Record<K, T>创建键值类型对象Record<string, number>
小结:常用类型速查
场景推荐类型写法
数字number
字符串string
布尔boolean
数组T[]或Array<T>
对象interface或type
多种可能`A
固定值`“success”
无返回值函数void
永远不返回never
任意类型(谨慎)unknown(推荐) >any

如果您想深入某个类型(如泛型、交叉类型、类型守卫、条件类型等),或者需要具体示例代码,请告诉我!

相关新闻

  • Excalidraw AI英文vs中文理解能力对比
  • 2025年靠谱无土栽培设施供应商推荐,口碑好的无土栽培设施厂家排行 - myqiye
  • TypeScript 特性

最新新闻

  • 高德开放平台skill|亲子半日游规划师:用 AI + 地图生成一条带娃半日游路线
  • 无人机红外热成像光伏故障检测数据集|光伏组件热斑隐裂PID缺陷AI识别深度学习标注资源10425期
  • PowerPC 601特殊功能寄存器深度解析与底层编程实战
  • 自动驾驶车辆检测实战:从YOLOv5原理到工程部署全解析
  • Windows字体自定义终极指南:5分钟快速上手No!! MeiryoUI
  • [STM32WBA] 【NUCLEO-WBA65RI 测评】+ 03定时器16实现LED的闪烁

日新闻

  • 5分钟掌握Python进化算法:Geatpy高性能优化工具完全指南
  • Microchip 24AA044 EEPROM选型与应用全指南:从参数解析到实战编程
  • 华为的鸿蒙到底有多牛?为什么称作遥遥领先?

周新闻

  • 3步解锁iOS设备:applera1n激活锁绕过完全指南
  • 39 2026 人工智能证书终极盘点,普通人选 AI 证书可以从这些方向入手
  • Redis 暴露公网有多危险?从端口检查到补救步骤

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号