TypeScript基本数据类型详解

简介: 【4月更文挑战第23天】TypeScript基础知识概览:包括Boolean、Number、String、Array、Tuple、Enum、Any、Void、Null和Undefined以及Never类型。了解这些数据类型能提升代码质量和可维护性。示例代码展示了各种类型的用法,如定义布尔变量、数字转换、字符串操作、数组和元组声明、枚举创建、任意类型使用,以及空值和Never类型的场景。掌握这些将有助于更好地使用TypeScript进行开发。

在编程的世界中,数据类型是一种非常重要的概念,它定义了如何在程序中存储和操作数据。TypeScript,作为JavaScript的一个超集,不仅继承了JavaScript的所有特性,还增加了静态类型系统,让我们在开发过程中能够更精确地定义和使用数据类型。本文将详细介绍TypeScript中的基本数据类型。

一、布尔类型(Boolean)

布尔类型是最基础的数据类型之一,只有两个值:true 和 false。布尔类型通常用于条件判断或逻辑运算。

let isDone: boolean = false;

二、数字类型(Number)

在TypeScript中,数字类型是非特定精度的浮点数类型。它可以是十进制、十六进制、八进制或二进制。

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

三、字符串类型(String)

字符串类型用于表示文本数据。你可以使用单引号(')或双引号(")来定义字符串。

let color: string = "blue";
color = 'red';

四、数组类型(Array)

数组类型用于表示相同类型元素的集合。你可以使用两种方式来定义数组类型:类型后跟方括号,或在变量名后使用类型注解。

let list: number[] = [1, 2, 3];
let list: Array<number> = [1, 2, 3];

五、元组类型(Tuple)

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。

let x: [string, number] = ['hello', 10]; // 正确
// x = [10, 'hello']; // 错误,类型不匹配

六、枚举类型(Enum)

枚举类型是一种特殊的类型,它允许我们定义一组具名的数值常量。枚举类型可以使代码更加清晰和易于理解。

enum Color {
   Red, Green, Blue}
let c: Color = Color.Green;

七、任意类型(Any)

当你不知道一个变量将会是什么类型时,你可以使用任意类型。任意类型可以是任何类型,这会使类型检查变得宽松。

let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean

八、空值(Void)

某种程度上来说,void 类型像是与 any 类型相反,它表示没有任何类型。当一个函数没有返回值时,你通常会见到其返回值类型为 void。

function warnUser(): void {
   
    console.log("This is my warning message");
}

九、Null 和 Undefined

TypeScript 里,null 和 undefined 是它们各自的类型,和它们的联合类型 null | undefined。默认情况下,null 和 undefined 是所有类型的子类型。这意味着你可以把 null 和 undefined 赋值给任何类型的变量。但是,当你指定了 --strictNullChecks 标记,null 和 undefined 只能赋值给 void 和它们各自的类型。

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

十、Never

never 类型表示的是那些永不存在的值的类型。例如,never 类型是那些总是会抛出异常或根本就不会有返回值的函数的返回类型。

// 返回never的函数必须没有可到达的终点
function error(message: string): never {
   
    throw new Error(message);
}

以上就是TypeScript的基本数据类型。理解并正确使用这些数据类型,可以帮助我们编写出更加健壮、易于维护的代码。希望本文对你有所帮助,如果你还有其他问题或想要深入了解TypeScript的其他特性,欢迎继续提问或查阅相关文档。

相关文章
|
7月前
|
JavaScript 前端开发
【TypeScript入门】TypeScript入门篇——数据类型
我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和‘汉’的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运算,你就传数字给它,你想让他处理文字,就传字符串类型给他。
66 3
|
5月前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
|
7月前
|
JavaScript 前端开发 Java
2020你应该知道的TypeScript学习路线【数据类型】
2020你应该知道的TypeScript学习路线【数据类型】
64 1
|
3月前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
56 4
|
7月前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 的内置数据类型有哪些?
【5月更文挑战第1天】【Web 前端】TypeScript 的内置数据类型有哪些?
|
7月前
|
JavaScript
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
98 0
|
7月前
|
JavaScript 前端开发 安全
TypeScript:赋予JavaScript数据类型新的力量,提升编程效率!
TypeScript:扩展JavaScript数据类型,赋予编程更强大的表达能力!
|
7月前
|
存储 JavaScript 前端开发
TypeScript笔记(5)—— 基本数据类型
TypeScript笔记(5)—— 基本数据类型
71 0
|
7月前
|
JavaScript
TypeScript 的内置数据类型有哪些
TypeScript 的内置数据类型有哪些
96 0
|
7月前
|
JavaScript 前端开发 编译器
TypeScript【什么是TypeScript、安装并编译TypeScript、变量声明、原始数据类型、数组、元组、任意值】(一)-全面详解(学习总结---从入门到深化)
TypeScript【什么是TypeScript、安装并编译TypeScript、变量声明、原始数据类型、数组、元组、任意值】(一)-全面详解(学习总结---从入门到深化)
54 0