猿创征文|【Typescript入门】常用数据类型(1)

简介: 猿创征文|【Typescript入门】常用数据类型(1)

数据类型


Typescript 的定义是 JavaScript 的一个超级。其中JavaScript的数据类型Typescript都有,还增加了很多高级数据类型。

微信图片_20221012155505.png

JavaScript 和 TypeScript 共有的数据类型


1. 数字类型


数字类型是我们开发中经常使用的类型,TypeScript和JavaScript一样,不区分整数类型(int)和浮点型 (double),统一为number类型


Typescript 同样也支持二、八、十进制

微信图片_20221012155556.png

2. boolean类型


boolean 类型只有两个取值:true 和 false

image.png

3. string类型


string 类型是字符串类型,同时也支持ES6 的模板字符串

微信图片_20221012155649.png微信图片_20221012155654.png

默认情况:在可以推导出的标识符类型时候,不加类型注解

image.png

4. Array类型


数组类型的定义有两种方式:

微信图片_20221012155727.png

注意:一般不要再数组中存不同类型的数据


5. Object类型


object对象类型可以用于描述一个对象


6. Symbol类型


Symbol 类型是独一无一的,通常可以应用包裹上在两个相同的属性名字。

微信图片_20221012155823.png

7. null类型和undefined类型


在TypeScript中,它们各自的类型也是undefined和null,也就意味着它们既是实际的值,也是自己的类型

image.png

TypeScript 数据类型


1. any 类型


在不想给某些变量添加类型注解或者不确定一个变量类型时候,可以使用any类型。

可以对any类型的变量进行任何操作,赋任何值。属于比较讨巧的typescript手段

image.png

2. unknown 类型


unknown是TypeScript中比较特殊的一种类型,它用于描述类型不确定的变量。unknown类型只能赋值给any和unknown类型。

微信图片_20221012160041.png微信图片_20221012160049.png

3. void 类型


void通常用来指定一个函数是没有返回值的,一般是不写的,可以推导。

微信图片_20221012160123.png

4. never 类型


never 表示永远不会发生值的类型,例如一个函数陷入死循环,那么这个这个函数就永远不会有返回值,这个时候就可以写 never 类型

image.png

5. tuple 类型


tuple是元组类型。这里有个特定的使用场景:

数组中一般是存放同一种类型的数据,但是元组中每个元素都有自己特定的类型,根据索引值可以确定对应的类型。

微信图片_20221012160226.png

相关文章
|
5月前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
|
2月前
|
JavaScript 前端开发 编译器
【小白入门】 浏览器如何识别Typescript?
【10月更文挑战第1天】浏览器如何识别Typescript?
|
3月前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
55 4
|
3月前
|
JavaScript 前端开发 编译器
TypeScript,从0到入门带你进入类型的世界
该文章提供了TypeScript的入门指南,从安装配置到基础语法,再到高级特性如泛型、接口等的使用,帮助初学者快速掌握TypeScript的基本用法。
|
6月前
|
JavaScript 前端开发 程序员
typescript入门笔记分享
typescript入门笔记分享
33 0
|
7月前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 的内置数据类型有哪些?
【5月更文挑战第1天】【Web 前端】TypeScript 的内置数据类型有哪些?
|
7月前
|
存储 JavaScript 前端开发
TypeScript基本数据类型详解
【4月更文挑战第23天】TypeScript基础知识概览:包括Boolean、Number、String、Array、Tuple、Enum、Any、Void、Null和Undefined以及Never类型。了解这些数据类型能提升代码质量和可维护性。示例代码展示了各种类型的用法,如定义布尔变量、数字转换、字符串操作、数组和元组声明、枚举创建、任意类型使用,以及空值和Never类型的场景。掌握这些将有助于更好地使用TypeScript进行开发。
|
7月前
|
JavaScript
vite+typescript从入门到实战(三)
vite+typescript从入门到实战
104 0
|
7月前
|
JavaScript
vite+typescript从入门到实战(二)
vite+typescript从入门到实战
86 0
|
7月前
|
JavaScript 前端开发
vite+typescript从入门到实战(一)
vite+typescript从入门到实战
142 0