news 2026/5/1 11: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/1 6:05:46

【2025版】最新在IDEA中接入DeepSeek,从零基础到工程师必备收藏指南

IDEA接入DeepSeek教程网络安全学习资源,小白程序员必备收藏指南 本文详细介绍了在IDEA开发环境中接入DeepSeek AI模型的步骤,包括安装Continue插件、配置API密钥及使用方法。同时分享了全套网络安全学习资源,涵盖成长路线图、视频教程、SRC文…

作者头像 李华
网站建设 2026/5/1 7:17:31

如何成为一名黑客?小白必学的12个基本步骤

如何成为一名黑客?小白必学的12个基本步骤 如何成为一名黑客?小白必学的12个基本步骤 黑客攻防是一个极具魅力的技术领域,但成为一名黑客毫无疑问也并不容易。你必须拥有对新技术的好奇心和积极的学习态度,具备很深的计算机系统…

作者头像 李华
网站建设 2026/5/1 10:56:53

防火墙配置【最详细的实验演示】

防火墙配置【最详细的实验演示】 原创 是傲 [东南网络安全](javascript:void(0)😉 2024年06月01日 15:29 北京 声明:无恶意引导! 目录 拓扑及拓扑分析 进入防火墙前准备工作 1.配置其他区域ip 2.如何进入防火墙 防火墙的安全域 1.防…

作者头像 李华
网站建设 2026/5/1 11:05:46

每天一个大模型知识点系列--大模型如何训练,分为哪些阶段

大模型的训练数据来自大规模的语料库,数据中包含海量的信息,那如何训练出一个可以进行交互的大语言模型呢?大语言模型的训练往往包含三个阶段,预训练阶段,监督微调阶段,和强化学习阶段。第一阶段是pretrain…

作者头像 李华
网站建设 2026/5/1 8:36:57

vue基于Spring Boot的校园餐厅菜品自选系统_96f895uz

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

作者头像 李华
网站建设 2026/5/1 9:48:16

vue基于Spring Boot的野生动物公益保护平台应用和研究_j6j88589

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

作者头像 李华