news 2026/5/14 18:08:18

TypeScript开发基础(2)——基础数据类型

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
TypeScript开发基础(2)——基础数据类型

TypeScript基础数据类型有:number、string、boolean、bigint、symbol、any、null、undefined、void和never。

1.number类型

number类型用于表示整数和浮点数。与 JavaScript 中的number类型类似,TypeScript 中的number可以表示任何数值,包括十进制、二进制、八进制和十六进制的数值。

let decimal: number = 6; let hex: number = 0xf00d; let binary: number = 0b1010; let octal: number = 0o744;

2.string类型

string类型用于表示文本数据。TypeScript 支持三种方式来定义字符串:使用单引号(')、双引号(")和反引号(`)。反引号支持模板字符串(template strings),可以插入变量和表达式。

let color: string = "blue"; color = 'red'; let fullName: string = `Bob Bobbington`; let age: number = 37; //模版字符串 let sentence: string = `Hello, my name is ${fullName}. I'll be ${age + 1} years old next month.`;

3. boolean类型

布尔类型(boolean)用于表示逻辑值,只有两个可能的值:truefalse。布尔值广泛应用于条件判断、控制流程等操作。

let isActive: boolean = false;

4. bigint类型

bigint是 JavaScript 中用于表示大整数的类型,从 ES2020 开始被引入。在 TypeScript 中,bigint类型也得到了支持。它允许我们处理超出number类型范围的整数,非常适合处理非常大的整数计算。

let oneHundred: bigint = 100n;

5.Symbol类型

Symbol是 JavaScript 中用于创建唯一标识符的类型。在 TypeScript 中,Symbol类型同样得到了支持。它常用于定义对象的唯一属性,避免属性名冲突。

let symbol1: Symbol = Symbol("key"); let symbol2: Symbol = Symbol("key"); console.log(symbol1 === symbol2); // false,即使描述相同也不同

6. any类型

any类型表示一个动态类型,它可以接受任意类型的数据,允许变量的类型在运行时动态变化。使用any类型会丧失 TypeScript 类型检查的优势,因此应谨慎使用。

let notSure: any = 4; notSure = "maybe a string instead"; notSure = false; // 也可以是个 boolean

7. null和undefined类型

nullundefined是 JavaScript 中的原始类型,它们分别表示“空”或“无值”的状态。TypeScript 中也使用nullundefined类型,但它们的使用会受到strictNullChecks配置的影响。一个变量或属性未赋值时,默认就是undefined类型,它在可选参数或可选属性的判断时经常使用。

let u: undefined = undefined; let n: null = null;

8. void类型

void类型常用于函数的返回类型,表示该函数没有返回值。void也可以用于定义没有返回值的函数类型。

function login(username:string,password:string):void{ //函数实现 }

9. never类型

never类型表示那些永不存在的值的类型,通常用于标识代码中不应该正常到达的终点或错误处理。‌

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

25年最后一期班!2507期GIS开发特训营将于12月22日正式开班!

特训营大致分为6个阶段,每个阶段学完以后会以项目实战来检测学习成果,下面是每个阶段的学习内容和项目成果展示。第一阶段Web基础入门所学内容重点:HTML、CSSHTML基础要点:基本结构与标签、文本内容标签、图文与链接、列表与表格、…

作者头像 李华
网站建设 2026/5/12 12:49:59

Java字节流:数据传输的底层万能通道

Java字节流是IO体系中处理数据的“基石”,以8位byte为最小传输单位,能无差别读写所有类型数据(文本、图片、视频等),是程序与磁盘、网络等外部设备交互的底层桥梁。无论是文件存储、网络通信还是二进制数据处理&#x…

作者头像 李华
网站建设 2026/5/12 12:49:27

基因研究到药物研发,亚马逊云科技生成式AI如何加速癌症终结?

亚马逊云科技技术通过加速基因分析、改进早期检测、加速药物研发以及扩大医疗服务覆盖范围,为全球医疗服务提供者对抗癌症提供了支持。每年2月4日的世界癌症日提醒着我们,全球数以百万计的人受到了癌症的影响。在亚马逊云科技,我们正与研究人…

作者头像 李华
网站建设 2026/5/14 10:52:40

vue基于Spring Boot的心理咨询预约管理系统应用和研究_32h35596

目录具体实现截图项目介绍论文大纲核心代码部分展示项目运行指导结论源码获取详细视频演示 :文章底部获取博主联系方式!同行可合作具体实现截图 本系统(程序源码数据库调试部署讲解)同时还支持java、ThinkPHP、Node.js、Spring B…

作者头像 李华
网站建设 2026/5/12 12:49:04

亚马逊云科技如何为生命科学行业提供更强大的AI支持?

随着DeepSeek-R1推理模型的广泛应用,其强大的推理能力逐渐显现。与人类的思维方式类似,大语言模型分为“慢思考”和“快思考”两种模式。慢思考适用于复杂的多步推理任务,如撰写文章、制定研究计划等;而快思考则用于一步完成的简单…

作者头像 李华
网站建设 2026/5/13 8:58:09

vue基于Spring Boot的现代化动物园观光游览系统的应用和研究_716v8zj0

目录具体实现截图项目介绍论文大纲核心代码部分展示项目运行指导结论源码获取详细视频演示 :文章底部获取博主联系方式!同行可合作具体实现截图 本系统(程序源码数据库调试部署讲解)同时还支持java、ThinkPHP、Node.js、Spring B…

作者头像 李华