news 2026/4/16 12:58:23

TypeScript 基础类型

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
TypeScript 基础类型

TypeScript 基础类型详解

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

1. 基本原始类型(Primitives)
类型描述示例代码说明
boolean布尔值let isActive: boolean = true;只有truefalse
number数字(包括整数、浮点数)let age: number = 30;
let pi: number = 3.14;
支持NaNInfinity
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)

推荐使用interfacetype定义对象结构:

// 使用 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>
对象interfacetype
多种可能`A
固定值`“success”
无返回值函数void
永远不返回never
任意类型(谨慎)unknown(推荐) >any

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

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/15 15:10:07

【资深架构师亲授】:Open-AutoGLM变更失败后必须掌握的7个回滚关键点

第一章&#xff1a;Open-AutoGLM变更回滚的核心原则在 Open-AutoGLM 系统的持续迭代中&#xff0c;变更回滚是保障服务稳定性的关键机制。有效的回滚策略不仅需要快速响应能力&#xff0c;还必须确保数据一致性与系统状态的可追溯性。为此&#xff0c;制定一套清晰、可执行的回…

作者头像 李华
网站建设 2026/4/16 9:27:42

手把手教你玩转Open-AutoGLM,10分钟实现自动化模型调优

第一章&#xff1a;Open-AutoGLM 可视化配置工具概述Open-AutoGLM 是一款面向大语言模型&#xff08;LLM&#xff09;自动化任务的可视化配置工具&#xff0c;旨在降低非专业开发者在构建和部署智能对话流程时的技术门槛。该工具通过图形化界面实现对提示词工程、模型调用链路、…

作者头像 李华
网站建设 2026/4/15 0:48:53

揭秘Open-AutoGLM拖拽式引擎:如何5步完成复杂AI工作流设计

第一章&#xff1a;揭秘Open-AutoGLM拖拽式引擎的核心设计理念Open-AutoGLM 是一款面向自然语言处理任务的可视化流程构建引擎&#xff0c;其核心目标是降低大模型应用开发门槛&#xff0c;让开发者通过直观的拖拽操作完成复杂AI流程的设计与部署。该引擎采用前端组件化架构与后…

作者头像 李华
网站建设 2026/4/4 11:24:25

流量暴跌 96%:AI 聊天机器人正在构建危险的“认知寡头”

导语&#xff1a;链接的消亡 在过去二十年里&#xff0c;互联网的核心契约非常简单&#xff1a;你提供内容&#xff0c;搜索引擎提供流量。这是一种并不完美但尚能运转的共生关系。然而&#xff0c;站在 2025 年的尾巴上回望&#xff0c;这份契约似乎已被单方面撕毁。 当你打开…

作者头像 李华
网站建设 2026/4/16 12:41:56

【Open-AutoGLM可视化配置指南】:零代码搭建AI工作流的5大核心技巧

第一章&#xff1a;Open-AutoGLM可视化配置工具的核心价值Open-AutoGLM作为面向大模型应用开发的自动化配置平台&#xff0c;其可视化配置工具极大降低了技术门槛&#xff0c;使开发者与非技术人员均可高效参与AI工作流构建。该工具通过图形化界面实现复杂参数的直观调整&#…

作者头像 李华
网站建设 2026/4/16 9:21:53

4、文档编辑与图像处理实用指南

文档编辑与图像处理实用指南 在日常的文档编辑和图像处理工作中,我们常常需要一些实用的技巧来提升效率和质量。下面为大家介绍文档编辑和图像处理的相关操作方法。 文档编辑技巧 更改文本字体 在处理文字文档时,更改字体格式可以增强文档的视觉吸引力。字体格式包括字体…

作者头像 李华